3

我想做的是这样的：

1 2 3 4 5
6       7
8 9 10 11

使用此代码：

<div style="text-align: justify;">
1 2 3 4 5
<br>
6 7
<br>
8 9 10 11
</div>

但它不起作用，并显示如下：

1 2 3 4 5
6 7
8 9 10 11
4

4 回答 4

6

在 DTP 和文字处理应用程序中，此选项称为“强制对齐”。不幸的是，这不是 CSS 中的选项。

于 2011-06-01T17:22:24.200 回答
1

Justify 仅在文本换行到下一行时才占用整行。如果你想让它包裹你需要一个更窄的 div 宽度，你需要删除你<br />的 s.

不过，您可以从这样的事情开始（只是不确定如何将 7 放在与 the5和 the相同的位置11）：

<div style="text-align: justify;">
1 2 3 4 5
<br>
<span style="text-align:left;">6</span>
<span style="float:right;">7</span>
<br>
8 9 10 11
</div>
于 2011-06-01T17:19:13.913 回答
0

另一个选择虽然有点难看&nbsp;。

现场演示

<div style="width:60px;text-align: justify;">
    1 2 3 4 5 6 &nbsp; &nbsp; &nbsp; &nbsp; 7 8 9 10 11
</div>

没有的另一个选项nbsp;

<div style="width:60px;text-align: justify;">
    1 2 3 4 5 6 <span style="width:30px; display:inline-block;"></span> 7 8 9 10 11
</div>
于 2011-06-01T17:22:01.427 回答
0

这里还有一些技巧可以让您获得解决方案：

<pre><div>1 2 3 4<br/>4     6<br/>7 8 9 0</div></pre>

在此处查看演示

于 2011-06-01T17:37:15.113 回答