Образать текст до размера блока, учитывая ширину символов?

Задача поместить максимальное количество символов в блок имеющий определенную ширину и высоту.
89507965677fef13d8d7b50aec04e9d6.png

Вот пример. Для того чтоб не было переносов слов, и каждая стока заполнялась полностью было режено заменить пробелы на неразрывные пробелы. Но остается вопрос о том как сделать чтоб заполнить ворую строку полностью при очень длинном названии. Еедь строки с обинаковым количеством символов могут иметь разную длину. Пример:

iiiii

ЖЖЖЖЖ

Технологии не имеют значения, можно и css а можно и php. Важно чтоб для любого шрифта было решение.


На youtube решили эту проблему тем что показан весь заголовок, но у блока overflow:hidden; Но такое решение не всегда все же может подойти.
  • Вопрос задан
  • 11681 просмотр
Решения вопроса 1
flight
@flight
Есть решения на jquery. Гляньте эту ссылку. Я с мобильного, не могу с ходу подсказать, но гуглите что-то по типу text-overflow elipsis multiline jquery
pvdspek.github.com/jquery.autoellipsis/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
MTonly
@MTonly
Веб-разработчик с 2002 года
Можно задать высоту блока (line-height) равной удвоенной высоте строки (line-height), а блоку — overflow: hidden. Многоточия, конечно, не будет — в настоящее время CSS sucks позволяет это делать только для однострочных текстов (text-overflow: ellipsis).

Кстати, вместо жёсткой фиксации высоты каждого блока можно использовать display: inline-block, и высота каждой «строки» будет автоматически подстраиваться под высоту наиболее высокого блока.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы