CSS笔记display：inline-block的使用

Posted 2020-06-13

在将块级元素水平排列时除了有float：left的方式。另外一种比较好用的方法就是

display:inline-block;

使用后产生一个后果就是元素之间会有间隙。

导致原因：编写代码时的回车，换行。

去除办法：1.将所涉及到的html写在同一行（显然这样是很不靠谱的）

　　　　   2.给ul 所在的 div 设置：font-size:0;

　　　　　　给ul li 单独设置font-size;