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

前端之家收集整理的这篇文章主要介绍了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>

那么它工作正常。哪里有问题?我怎么能这样做,但没有使用绝对位置和浮动。

p.s.对不起英语。
ps.s.我希望我很好地解释我的问题

解决方法

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

演示:http://jsfiddle.net/N9mzE/1/

<div style="width:50%; display: inline-block">A
</div><div style="width:50%; display: inline-block;">B
</div>
原文链接:https://www.f2er.com/css/221036.html

猜你在找的CSS相关文章