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

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

<div>

<img src="1.jpg">

<img src="2.jpg">

</div>

结果如图:

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

图与图之间的间距就会消失，如图：

2.

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

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