元素如果设置display为inline-block,元素间会有一段默认的间隙。这种间隙是由元素间的回车照成的,有时候会影响样式的精确度,代码及效果如下:
HTML、
CSS、
效果图:
解决方法:
第一种方法:html不变而css变,css如下:
如上图,父级元素的font-size设置为0,子元素设为对应大小。效果如下:
第二种方法:html变而css不变,html代码如下:
或者:
这种方法是去除元素之间的回车来实现,但显然没有第一种方法方便。所以做开发,尽量采用最好的方法。