CSS 两个 div 宽度 50% 在一行中，文件中有换行符

<分区>

我尝试使用百分比作为宽度来构建流畅的布局。这样做我试过这个:

<div style="width:50%; display:inline-table;">A</div>
<div style="width:50%; display:inline-table;">B</div>

在那种情况下，它们不会排成一行，但如果我删除它们之间的换行符，就像这样:

    <div style="width:50%; display:inline-table;">A</div><div style="width:50%;   display:inline-table;">B</div>

然后它工作正常。问题出在哪儿？我怎么能做这样的事情而不使用绝对位置和 float 。

附注对不起英语。附笔我希望我能很好地解释我的问题

最佳答案

问题是，当某些内容是内联的时，每个空格都被视为实际空格。所以它会影响元素的宽度。我建议使用 float 或 display: inline-block。 (只是不要在 div 之间留下任何空白)。

这是一个演示:

div {
  background: red;
}
div + div {
  background: green;
}

<div style="width:50%; display:inline-block;">A</div><div style="width:50%; display:inline-block;">B</div>

关于CSS 两个 div 宽度 50% 在一行中，文件中有换行符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10698636/