本文介绍了一种解决前端布局中因缩进和换行导致空白问题的方法，通过将父级元素的font-size设置为0，再为子元素设置合适的字体大小，有效避免了布局变形。
font-size: 0 这个并不是指 字体大小是0px
代码自动格式化的时候，往往会设置一些适当的缩进、换行，但当元素的display为inline或者inline-block的时候，这些缩进、换行就会产生空白，导致前端页面展示变形。
为了解决因为缩进、换行而产生的问题。
以ul和li为例：
最合适的方法就是给li的父级ul设置： font-size: 0;
给li设置：font-size: a px; 如此就达到了所需效果。
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
