HTML 中的平衡文本换行

Question

在 HTML 中，有没有办法均匀分布跨多行的文本？

例如，我不想要：

 这是一些非常长的标签，最终出现在
   两行。

我更喜欢：

 这是一些很长的标签
                      最终形成两条线。

Answer 1

Adobe 提议添加一个新的 css 属性

text-wrap: balance

。

与此同时，他们创建了一个名为 balance-text 的 jQuery 插件来实现相同的结果。

Answer 2

有点解决方法，但您可以在最后几个单词中使用不间断空格：

<p>Here is some really long label that ends on&nbsp;two&nbsp;lines</p>

Answer 3

在纯 HTML/CSS 中没有办法实现这一点，因为没有办法测量线的长度。

实现此目的的一种方法是使用 javascript，但是当 javascript 计算行长度并相应地分割它时，您最终会得到一个 FOBUC。

避免这种情况的最好方法是用 PHP/ASP/无论你使用什么来分割线。

Answer 4

我认为如果你设置元素容器的固定宽度并使用 padding 属性，你就可以实现这一点。