水平div + inline-block 之间的空白间隔

[san3Xian]

经常间歇性失忆忘了具体解决方法(还是用得少 还是记录下来好了 图转自网友博客

现象

两个div设置为inline-block以后，中间有空白缝隙(margin:0;)

原因

两个div元素之间有空白代码(如换行/空格等)

解决方法

1

父元素设置font-size:0; 子元素记得改回来

2

元素直接不换行(一坨一坨的代码)

3

position:relative; 相对定位

参考文章

https://www.cnblogs.com/cuncunjun/p/7390623.html