Question

我正在寻找在div中创建左对齐文本块和右对齐文本块的最佳方法。

This is an image of what I want it to look like

我考虑创建三个div，其中一个作为缓冲区，但它似乎不起作用。我需要硬编码中间div的长度，这似乎不是最好的方法

<div style="width: 500px;">
 <div style="float: left;">left aligned text</div>
 <div style="float: left; width: 100%" > </div>
 <div style="float: left;">right aligned text </div> 
</div>

Answer 1

为什么不在第二个div上使用“text-align”属性？

<div style="width: 500px;">
 <div style="float: left;">left aligned text</div>
 <div style="float: right; text-align: right;">right aligned text </div> 
</div>

编辑：您不需要中间DIV作为间距。你可以简单地使用百分比宽度用于另外两个DIV，并且使用左右浮动你有一个“缓冲区”：

<div style="width: 500px;">
 <div style="float: left; width: 45%;">left aligned text</div>
 <div style="float: right; text-align: right; width: 45%;">right aligned text </div> 
</div>

Answer 2

试试这个 -

<div style="width: 500px;">
 <div style="float:left">left aligned text</div>
 <div style="text-align: right;">right aligned text </div> 
</div>

两列div布局，文本右对齐

2 个答案: