Сбалансированное перенос текста в HTML

Question

В 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.

Answer 1

Adobe предложила добавить новое свойство css text-wrap: balance.

Тем временем они создали плагин jQuery с именем balance-text для достижения того же результата.

Answer 2

В некотором смысле это обходной путь, но вы можете использовать неразрывные пробелы для последних нескольких слов:

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

Answer 3

Я думаю, вы можете добиться этого, если установите фиксированную ширину элемента-контейнера и поиграете со свойствами padding .

Answer 4

В чистом HTML / CSS нет способа сделать это, потому что нет способа измерить длину строки.

Один из способов сделать это - использовать javascript, но в итоге вы получите FOBUC, в то время как javascript вычислит длину строки и разделит ее соответственно.

Лучший способ избежать этого - разделить строку с помощью PHP / ASP / независимо от того, что вы используете.