对齐文本以填充 div
我想做的是这样的：
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
What i want to do is something like this:
1 2 3 4 5
6 7
8 9 10 11
With this code:
<div style="text-align: justify;">
1 2 3 4 5
<br>
6 7
<br>
8 9 10 11
</div>
But it doesn't work, and displays like this:
1 2 3 4 5
6 7
8 9 10 11
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
在 DTP 和文字处理应用程序中，此选项称为“强制对齐”。不幸的是，这在 CSS 中不是一个选项。
In DTP and word processing applications, this option is known as 'force justify'. Unfortunately, this is not an option in CSS.
另一种选择虽然有点难看
现场演示
另一种没有
nbsp;的选项Another option albeit a little ugly with the
Live Demo
Another Options without the
nbsp;仅当文本换行到下一行时，对齐才占据整行。如果你想让它换行，你需要一个更窄的 div 宽度，并且你需要删除你的
不过，您可以从这样的东西开始（只是不确定如何将 7 放在与
5和11相同的位置）：Justify only takes up the complete line when the text wraps to the next line. If you want it to wrap you need a narrower div width, and you need to remove your
<br />s.You could start with something like this though (just not sure how to place the 7 at the same place as the
5and the11):这里还有一些技巧可以帮助您找到解决方案：
此处查看演示
Here is some more tricks to play around to get your solution:
See the demo here