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

Question

[La2ha]

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


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

iiiii

ЖЖЖЖЖ

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


На youtube решили эту проблему тем что показан весь заголовок, но у блока overflow:hidden; Но такое решение не всегда все же может подойти.

Answer 1

[MT]

Можно задать высоту блока (line-height) равной удвоенной высоте строки (line-height), а блоку — overflow: hidden. Многоточия, конечно, не будет — в настоящее время CSS sucks позволяет это делать только для однострочных текстов (text-overflow: ellipsis).

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

Comments

[La2ha]

Многоточие хочется.

[MT]

Мне тоже, но пока такой возможности в CSS нет.

[La2ha]

Но на php это можно сделать, не легко но можно, для каждой буквы кадого шрифта каждого размера задать величину ширины этой буквы, и потом на основании этого обрезать ее. Но не представляю как это можно было бы быстро написать, или как то автоматизировать процесс.

[MT]

Размер букв не является постоянным и зависит от множества факторов, в частности: наличия шрифта в системе; размера шрифта, установленного на уровне системы или браузера (например, в Firefox можно изменять размер шрифта, не масштабируя остальные элементы); алгоритма растеризации/сглаживания, используемого на уровне системы или браузера (например, в Windows 7 даже в одной системе разные браузеры используют разные алгоритмы растеризации — GDI и DirectWrite). Поэтому решить вашу задачу на серверной стороне невозможно (если только не выводить весь текст в виде графики — но это было бы выплёскиванием ребёнка с водой).

[Beliyadm]

многоточие запихать в content для блока :after?

[La2ha]

Я писал многоточие на php при условии что строка длиннее определенного количества символов, т.к. просто :after не подошло бы, оно для всего бы писало, а бывает что заголовки и помещаются