两个内联块，宽度为 50% 的元素换行到第二行

小编典典

all

我想有两列 50% 宽度的空间，并避免浮动。所以我想用display:inline-block.

当元素添加到 99% 的宽度（例如
50%、49%、http://jsfiddle.net/XCDsu/2/）时，它会按预期工作。

当使用 100% 宽度（例如
50%、50%、http://jsfiddle.net/XCDsu/3/）时，第二列会中断到第二行。

这是为什么？

阅读 89

2022-09-02

共1个答案

小编典典

这是因为display:inline-block考虑到了 html 中的空白。如果您删除 ‘s
之间的空格，div它会按预期工作。现场示例：http:
//jsfiddle.net/XCDsu/4/

<div id="col1">content</div><div id="col2">content</div>

2022-09-02