当前博客:关于HTML内联元素之间默认会有空格的解决方案

169 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

在HTML实践中我们会发现,有时候内联元素之间会存在一定的间距,并且这间距和CSS的外边距及内边距无关。

这是由于HTML的网页开发中,行内元素默认带有CSS的空白属性,该属性的默认值为正常正常属性这个默认值会使行内元素标签之间有空白存在;并且这个空白间距的大小受父元素的字体-大小影响;所以只需要将父元素的字体-大小设置为0即可

解决方案是给内联元素的父级元素设置CSS:字体-大小:0px;

 

但是要注意的是:设置了父级元素的字体-大小为0px后,子级的内联元素会继承父级元素的字体大小,所以需要单独给内联元素设置字体大小。

关于HTML内联元素之间默认会有空格的解决方案