font-size: 0的作用

font-size: 0  这个并不是指 字体大小是0px

代码自动格式化的时候,往往会设置一些适当的缩进、换行,但当元素的display为inline或者inline-block的时候,这些缩进、换行就会产生空白,导致前端页面展示变形。

为了解决因为缩进、换行而产生的问题。
以ul和li为例:
最合适的方法就是给li的父级ul设置: font-size: 0;   
给li设置:font-size: a px; 如此就达到了所需效果。

 

你可能感兴趣的:(前端)