块元素:具备合模型的属性,独占一行可以设置宽高和内外边距
行元素:不具备合模型,只占内容区域的大小,不可以设置内外边距和宽高,
display:inline-block;会产生间隔,下面介绍消除间隔的方法
方法1.删除标签之间的空格和换行
问题 代码可读性差,不推荐使用
方法2:将父元素字体设置为0px,子元素设置为16px;
问题:通过继承性也会影响自身子元素字体的大小,同时可能导致布局混乱em之类参考父元素的值无法使用。
方法3:给父级设置-6px和自身0px
问题:较小,但是需要给每一个元素设置,比较繁琐
方法4.删除闭合标签。此方法不推荐。
来源:CSDN
作者:Jason–json
链接:https://blog.csdn.net/weixin_46146313/article/details/104100965