-
去掉标签之间的空格或换行
inline-block元素之间有空格或换行时,会产生缝隙。所以要想除去缝隙可以删除空格或换行。
-
负margin
给元素添加负margin可以除去缝隙
-
浮动
设置元素浮动也可以除去缝隙,但是要注意浮动后要清除浮动
-
父元素的font-size设为0:
font-size:0;
下图中inline-block元素的父元素为body
,将body的font-size设为0后,缝隙消除
去掉标签之间的空格或换行
inline-block元素之间有空格或换行时,会产生缝隙。所以要想除去缝隙可以删除空格或换行。
负margin
给元素添加负margin可以除去缝隙
浮动
设置元素浮动也可以除去缝隙,但是要注意浮动后要清除浮动
父元素的font-size设为0:font-size:0;
下图中inline-block元素的父元素为body
,将body的font-size设为0后,缝隙消除
本文标题:去除inline-block内缝隙的常见方法
本文链接:https://www.haomeiwen.com/subject/uluzyttx.html
网友评论