描述:一个很基础的小问题，两个相邻的inline-block元素中间会有间隙
原因:inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距
解决方法:
1.去掉HTML之间的空格即可解决
2.用注释放在两个元素之间
3.给父级的font-size设置为0
.space {
font-size: 0;
}
.space a {
font-size: 12px;
}
4.使用margin负值
.space a {
display: inline-block;
margin-right: -3px;
}
5.去掉闭合标签(为了IE兼容，最后一个列表的闭合标签不能丢)
6.使用letter-spacing
.space {
letter-spacing: -3px;
}
.space a {
letter-spacing: 0;
}
7.使用word-spacing
.space {
word-spacing: -6px;
}
.space a {
word-spacing: 0;
}
当我们让多个inline-block元素并排显示时，会发现它们之间是存在间距的。 主要代码如下：
描述:一个很基础的小问题，两个相邻的inline-block元素中间会有间隙 原因:inline-block水平呈...
元素间留白间距出现的原因就是标签段之间的空格。文章去除inline-block元素间间距的N种方法描述了这种情况；...
其实这里有很多种方法清除，但是我就记录一种最简单，最好用的方法 font-size: 0(给父元素加) 1.fon...
一、现象描述 真正意义上的inline-block水平呈现的元素间，换 行显示或空格分隔的情况下会有间距，很简单的...
1、去除inline-block元素间间距的N种方法给父元素设置font-size为0，在子元素中设置正常的fon...
inline-block元素之间会有间距存在 如何去掉间距？ 1.移除空格 2.使用margin负...
间距产生 1.真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距 2.当一个...
1.子元素设置float：left 2.子元素设置display：inline-block（**有少许间距） 显示...
原文转自：张鑫旭-鑫空间-鑫生活本文地址：去除inline-block元素间间距的N种方法 一、现象描述 真正意义...
本文标题：inline-block元素间间距的问题
本文链接：https://www.haomeiwen.com/subject/mrenxxtx.html
网友评论