gpt4 book ai didi

html - "inline-block"div 之间的神秘空白

转载 作者:太空狗 更新时间:2023-10-29 14:02:08 26 4
gpt4 key购买 nike

<分区>

我有这样的布局:Fiddle link

.td 之间有一些空白,即使边距和填充设置为 0。

为什么会发生这种情况以及如何解决这个问题?可能是负边距?或者有什么更好的解决方案?

<style>
.tr {
height: 20px;
border: 1px solid black;
overflow: hidden;
white-space: nowrap;
word-spacing: 0;
}
.td {
display: inline-block;
height: 20px;
margin: 0;
padding: 0;
}
</style>
<div class="tr" style="width: 150px;">
<div class="td" style="width: 50px; background-color: #CCC;"></div>
<div class="td" style="width: 50px; background-color: #AAA;"></div>
<div class="td" style="width: 50px; background-color: #666;"></div>
</div>

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com