行内/行内块元素之间的默认边距是大概5px
行内块元素之间,浏览器也会有一个默认的间距,或者是别的元素类型直接转换过来的行内块元素,浏览器都会有默认的间距。
通过 * { margin:0;padding:0; } 是不能取消其固有的边距的
解决方法:
1.将所有的行内/行内块元素直接设置浮动,但是过度的浮动会产生需要清除浮动的必要
2.在产生边距的行内/行内块的父元素设置属性:font-size:0px; (推荐使用)
3.在父元素上设置,word-spacing(词边距)的值设为合适的负值即可
4.在html中将行内/行内块元素在同一行显示,不要进行美观缩进或者换行