CSS【经验】:一个空格引发两种结果

青旅半醒 2023-10-02 11:34 72阅读 0赞

####  ####

**目录**

1.在.big:hover中间不加空格，代码如下：

2 在.big:hover中间加空格，代码如下：

--------------------

#### **1.在.big:hover中间不加空格，代码如下**： ####

.row .big:hover{
        transition: All 0.5s ease-in-out;
        transform: scale(1.03);
        /* box-shadow: 0px 2px 16px #888888; */
    }

**效果如下：**

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16][]

--------------------

#### 2 在.big:hover中间加空格，代码如下： ####

.row .big :hover{
        transition: All 0.5s ease-in-out;
        transform: scale(1.03);
        /* box-shadow: 0px 2px 16px #888888; */
    }

**效果：**

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

**区别就是 加了空格 之后 不但经过div变大，经过里面的标签也会变大，双重变大。**

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/2f35e7aef3bc40dbb7ab894acec0c4ce.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/15faa2294cdc45a5a960655a3d0e06a7.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，72人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS【经验】:一个空格引发两种结果

目录 1.在.big:hover中间不加空格，代码如下： 2 在.big:hover中间加空格，代码如下： -------------------- 1.在.

青旅半醒/ 2023年10月02日 11:34/ 0 赞/ 73 阅读

相关两种方法分割python多空格字符串

做法： 1.str.split() 2.filter(None,str.split(" ")) 直接用str.split(" ")是不行的，他只会分割一个空格，如下

╰半夏微凉°/ 2023年02月28日 15:22/ 0 赞/ 130 阅读

相关一个空格引发的“惨案“

![cfbd1f1ed36c6cdb374bd5a37356b685.gif][] “案情”回顾（情景模拟）：小张是一名软件工程师，工作兢兢业业、一丝不苟且精益求精，天性

缺乏、安全感/ 2022年10月14日 00:48/ 0 赞/ 266 阅读

相关 mysql把两个查询的结果合并为一个结果

一、表的加法（Union） 1、用法：将两个表合并成一个表 b299cdadfdec3fda624ba211df22fcd1.png 2、语句： select 需

￡神魔★判官ぃ/ 2022年10月10日 11:26/ 0 赞/ 424 阅读

相关 c++按空格分割string的两种方法

string str = "hhh ttt ggg jjj"; //方法一: strtok char s = new char[str.size() +

╰+攻爆jí腚メ/ 2022年09月05日 01:39/ 0 赞/ 566 阅读

相关 JavaScript 两种空格输出方式

Js里面的空格输出的两种方式: 1.使用输出html标签 来解决. > document.write("

今天药忘吃喽~/ 2022年06月07日 04:44/ 0 赞/ 485 阅读

相关 css的两种盒模型

前言 -------------------- 初学 css 的时候 div 的一些`宽高问题`经常会引起一些不好理解的问题，这里做一个关于`css盒模型`的分享。

曾经终败给现在/ 2022年05月29日 13:05/ 0 赞/ 170 阅读

相关前端经验_纯CSS写一个开关按钮

写个开关按钮,效果如图： ![这里写图片描述][70] 当点击的时候： ![这里写图片描述][70 1] 利用CSS3 过渡的动画效果结构上写一个输入框为Ch

桃扇骨/ 2022年05月21日 04:39/ 0 赞/ 398 阅读

相关一个空格引发的惨剧

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 你是否相信如果你的程序里没有检查一个变量会导致怎么系统瘫

比眉伴天荒/ 2022年01月15日 02:53/ 0 赞/ 290 阅读

相关 css的两种盒模型

W3C标准盒模型 ![1494831-20190707104817744-965024622.png][] 在标准盒模型中，width指content部分的宽度。 IE的

深藏阁楼爱情的钟/ 2021年10月29日 08:04/ 0 赞/ 326 阅读