去除inline-block内缝隙的常见方法
2016-10-17 本文已影响0人
__Qiao
-
去掉标签之间的空格或换行
inline-block元素之间有空格或换行时,会产生缝隙。所以要想除去缝隙可以删除空格或换行。
-
负margin
给元素添加负margin可以除去缝隙
-
浮动
设置元素浮动也可以除去缝隙,但是要注意浮动后要清除浮动
-
父元素的font-size设为0:
font-size:0;
下图中inline-block元素的父元素为body
,将body的font-size设为0后,缝隙消除