font-size:0的妙用,用于解决inline或者inline-block造成的间隙

1.图片间的缝隙(图片间的间隙一般是由换行、缩进造成的)

<div>

<img src="1.jpg">

<img src="2.jpg">

</div>

结果如图:

font-size:0的妙用,用于解决inline或者inline-block造成的间隙

如果给div设置以下div{font-size:0};

图与图之间的间距就会消失,如图:

font-size:0的妙用,用于解决inline或者inline-block造成的间隙

2.

ul下的li也会遇到类似的问题,此时

最合适的方法就是给li的父级ul设置: font-size: 0; 给li设置:font-size: 16px;

上一篇:Spark Streaming 入门指南


下一篇:ThinkPHP5微信支付扩展库(超级简单, 超级超好用!)