<分区>
<分区>
检查下面的代码:
为什么 div 之间有空格?我怎样才能删除它们(不使用 float )?
* {
padding: 0px;
margin: 0px;
}
.section {
display: inline-block;
width: 20%;
min-height: 50px;
box-sizing: border-box;
border: solid 1px;
/*float: left;*/
}
<div id="container">
<div class="section">a</div>
<div class="section">b</div>
<div class="section">c</div>
<div class="section">d</div>
<div class="section">e</div>
</div>
最佳答案
有几种方法可以解决这个问题。我最喜欢的是:
* {
padding: 0px;
margin: 0px;
}
#container {
letter-spacing: -0.32em;
}
.section {
display: inline-block;
width: 20%;
min-height: 50px;
letter-spacing: normal;
box-sizing: border-box;
border: solid 1px;
/*float: left;*/
}
关于html - CSS 疯狂 inline-block 不可移动边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26909357/