行内元素默认间距问题

行内/行内块元素之间的默认边距是大概5px

行内块元素之间,浏览器也会有一个默认的间距,或者是别的元素类型直接转换过来的行内块元素,浏览器都会有默认的间距。

通过 * { margin:0;padding:0;  } 是不能取消其固有的边距的

解决方法:

1.将所有的行内/行内块元素直接设置浮动,但是过度的浮动会产生需要清除浮动的必要
2.在产生边距的行内/行内块的父元素设置属性:font-size:0px;  (推荐使用)
3.在父元素上设置,word-spacing(词边距)的值设为合适的负值即可
4.在html中将行内/行内块元素在同一行显示,不要进行美观缩进或者换行

原文地址:https://www.cnblogs.com/chm-blogs/p/11280312.html