css - 为什么这 4 个 div 不彼此相邻？ (宽度 25%)

<分区>

能否请您向我解释一下为什么这 4 个 div 没有彼此相邻？有 4 个 div，我将它们的宽度设置为 25%，以便它们填满整个页面，但 1 个 div 被推到其他的下面。我必须将宽度设置为 24% 才能让它们并排站立。怎么会？在我的书中 4x25% = 100%。

.four {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

最佳答案

HTML 代码中的“Enter”相当于一个空格，如果您删除这些空格的话 </div><div> ，您将丢失 inline-blocks 之间的空格(或一般的 inline 元素)。

不需要去找float:left; , box-sizing , word-spacing或任何类似的东西，除非你想让你的代码看起来不错。

关于css - 为什么这 4 个 div 不彼此相邻？ (宽度 25%)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22133990/