CSS font-size для свойства text-overlflow?

Question

[yolk]

Попробовал верстать под мобильные устройства, нужно чтобы слово, не помещающееся по ширине блока, не переносилось, а подгонялось по ширине(уменьшался размер шрифта). Может есть какие-то хитрости?

Answer 1

[kyrie]

нет, кажется в CSS ничего похожего нет. overlflow может только обрезать текст в различных вариациях.

Скорее всего реализовать это можно только на JS — считаем ширину ячейки, потом количество символов * среднюю ширину символа при, например, 12px и соответственно уменьшаем размер текста.

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

Comments

[yolk]

Спасибо, я подумаю над этим. В спецификациях w3 от 2003 года фигурируют некие min-font-size и max-font-size, но видимо от них отказались.

[LeeMiller]

согласен с вами, но автор искал решение только в CSS :)

[kyrie]

если min-font-size и max-font-size будут работать по аналогии с уже существующим max-height, то это не то, что вам нужно. Скорее всего это был бы просто максимально допустимый размер элемента, никаких зависимостей он не реализует.

да и до внедрения CSS3 в работу еще далековато.

Answer 2

[LeeMiller]

Так а в чем проблема? укажите размер текста в % отношении

Comments

[yolk]

Использование относительных велечин не решает проблемы, по сути надо получить резиновый текст(слово), влезающий в одну строку путем уменьшения размера шрифта.