我们为了页面代码的整洁可读性,往往会设置一些适当的缩进、换行,但当元素的display为inline或者inline-block的时候,这些缩进、换行就会产生空白,所以出现上述问题。
为了解决因为缩进、换行而产生的问题。
以ul和li为例:
最合适的方法就是给li的父级ul设置: font-size: 0;
给li设置:font-size: a px; 如此就达到了所需效果。
我们为了页面代码的整洁可读性,往往会设置一些适当的缩进、换行,但当元素的display为inline或者inline-block的时候,这些缩进、换行就会产生空白,所以出现上述问题。
为了解决因为缩进、换行而产生的问题。
以ul和li为例:
最合适的方法就是给li的父级ul设置: font-size: 0;
给li设置:font-size: a px; 如此就达到了所需效果。