你不知道的font-size属性

CSS里面的font-size我们都知道是用来设置字体大小的，就不赘言了。但是有的时候我们可能会看到这样的写法：“font-size: 0;”这是啥意思？用处何在呢？先来看下面的例子：

HTML结构很少：

<div class="div0"><div class="div1">div1</div><div class="div2">div2</div><div class="div3">div3</div><div class="div4">div4</div><div class="div5">div5</div>
</div>

CSS：

div{width: 100px;height:100px;display: inline-block;font-size: 14px;
}
.div0{margin-top: 40px;width: 700px;height:200px;background-color: orange;
}
.div1{background-color: grey;
}
.div2{background-color: green;
}
.div3{background-color: purple;
}
.div4{background-color: red;
}
.div5{background-color: yellow;
}

什么效果呢？

可以看出来div1和div2和div3之间都有点小间隙，这是因为html结构中div换行写了，后边没有换行的就不存在这个间隙的问题。但是div我们是要用来放其他标签的，大部分时候会有很多内容，怎么可能不换行书写呢。所以呢，为了解决当div的属性display为inline-block时因为换行书写而导致div之间有间隙的问题，font-size:0就可以有用武之地了，只需要修改一下CSS类div0就可以了：

.div0{margin-top: 40px;width: 700px;height:200px;background-color: orange;font-size: 0;
}

和之前有什么区别？就加了一个“font-size: 0;”，font-size:0用法就是这样，当然了你在父级上加入了“font-size: 0;”，要注意再设置一下其后代的字体，不然内容就没法显示了。

最后的效果如图：

你不知道的font-size属性相关推荐

HTML font 标签的 size 属性
规定文本的大小: <font size="5">This is some text!</font> 定义和用法 size 属性规定 font 元素中文本的尺 ...
html中font size默认值,HTML basefont size 属性
HTML size 属性 size 属性定义了HTML文档的字体大小,取值可以是数值或者相对值,值域为1-7,1最小,默认值为3,请参考下述示例: 实例规定页面上的默认字体大小: 这是一个标题这是 ...
android设置应用字体大小,在Android应用程序改变的TextView的字体大小从原始设置更改字体大小(Font size...
我想在我的应用程序指定我自己的文字大小,但我有这样一个问题. 当我在设备设置中更改字体大小,我的应用程序的字体大小TextView也会改变. Answer 1: 其实,设置字体大小只影响大小sp . ...
matplotlib的Text、FontProperties对象、字体（font）属性|中文字体的设置|图像标题、label字体的设置
matplotlib.text.Text对象见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...
html字体怎么是什么属性,你不知道的CSS字体属性
原标题:你不知道的CSS字体属性如果你对于CSS技巧没有深入地了解,这篇文章会让你知道一些控制字体加载的技巧. CSS的字体显示属性在Blink-based浏览器中可以被使用.它使你能够发现浏览器的 ...
js获取html font size,JavaScript fontsize方法入门实例（按照指定的尺寸来显示字符串）...
JavaScript fontsize 方法 fontsize 方法返回使用 HTML font 标签中 size 属性定义字体大小的字符串.其语法如下: str_object.fontsize( s ...
字体font复合属性
目前自学HTML,CSS,JavaScript,以后会不定时更新学习笔记,和大家一起交流学习! 今天介绍一下字体font相关属性的连写属性名:font(复合属性) 取值: font:style ...
html字号的范围,font size大小
font size="+1"里面的数值是什么意思 font size="+1" font size="+2" font size=" ...
element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...
找遍全网都没一个比较好的例子!!! 什么获得焦点事件,或者添加一个点击事件都不能使下拉框自动展开最后用标签的siz属性定义和用法 size 属性规定下拉列表中可见选项的数目. 如果 size 属性 ...
总结：实例化SqlParameter时，如果是字符型，一定要指定size属性，还有制定具体的类型...
源地址在csdn上逛看到了这篇帖子,值得学习,就需要记录下来,转载给大家看! 以前在实例化SqlParameter时,通常都是用下面的语句,没有设置size属性: new SqlParameter( ...

你不知道的font-size属性

你不知道的font-size属性相关推荐

最新文章

热门文章