HTML中的平衡文本换行

Ton*_*ony 12 html css layout word-wrap

在HTML中,是否有一种方法可以均匀地分布跨多行的文本?

例如,我不想要:

   Here is some really long label that ends up on
   two lines.

我更喜欢:

                  Here is some really long label 
                      that ends up on two lines.

And*_*ndy 16

Adobe已提议添加新的css属性text-wrap: balance.

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


Col*_*son 5

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

<p>Here is some really long label that ends on&nbsp;two&nbsp;lines</p>
Run Code Online (Sandbox Code Playgroud)

  • 然而,这不是很敏感。 (2认同)
  • 1. 没有反应。2. 它对于动态内容没有用。 3. 它需要在每个实例中针对受影响文本的每行手动实现。如果他正在寻找非灵活的解决方案,只需在所需内容周围添加新的最大宽度,或添加空白:nowrap; 将会提出更实际的解决方案。至少通过媒体查询调整最大宽度仍然在动态内容和响应式布局方面保留了一定的灵活性。 (2认同)