font-size=0可以清除inline-block盒子间隙的原理是什么 为什么可以清除

Question

font-size=0可以清除inline-block盒子间隙的原理是什么 为什么可以清除

Answer 1

inline-block盒子间隙是因为有空格字符,
font-size=0是把所有字符的字体大小都设置为0,这样所有字符都小到看不到了,空格字符也一样小到看不到了.

参考

inline-block产生空白间隙的问题 - ErduYang - 博客园 在项目中遇到给设置display:inline-block属性出现空白间隙 如： 效果图： 解决办法：给父容器设置font-size:0; display:inlie-block的元素需要显示字体再额 https://www.cnblogs.com/erduyang/p/5341953.html

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

Answer 2

一般盒子都是有值的，就算在代码中看不到值，这个盒子也是占这一个位置的
那个这个看不到值，是不是会有大小呢，对吧，
假设盒子有一个值为" "那个这null的字体有多大呢
这个null也是有大小的，只不过是我们看不见而已
当我们设置font-size:0;时，相当于就把这个null隐藏了，一个像素点都没有，所以我们使用font-size:0;就可以清除盒子间隙

不知道是不是这样子

Answer 3

https://blog.csdn.net/qq_31967569/article/details/105435142

这个还真没探究过