行内块之间可能有缝隙
原因是因为 标签之间的换行导致的,解决方案
- 横向 --> 使用浮动或不用换行符
- 纵向 --> 元素增加 vertical-align: middle;
如: 会有缝隙
.one,
.two {
display: inline-block;
width: 200px;
height: 200px;
background-color: pink;
}
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
解决方案
增加(推荐)
float:left
或者
vertical-align: middle;
可以解决上下的间隙,左右的是div间的换行导致的
本文探讨了行内块元素间出现缝隙的原因及解决方案。主要由于换行符导致上下间距,通过使用浮动或vertical-align属性调整,可有效解决布局问题。
2037

被折叠的 条评论
为什么被折叠?



