Сбалансированная перенос текста в 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

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

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

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

Answer 3

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

Answer 4

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

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