«Оптимальный» размер шрифта - как измерить ширину предложения?

Я сталкиваюсь с общей проблемой, связанной с разработкой индивидуализированной системы управления контентом.

Я управляю небольшой компанией, занимающейся веб-дизайном, и мне часто приходится делать определенную часть веб-сайта доступной для редактирования для клиента. Например, в верхней части страницы может быть полоса, рекламирующая последние новости или предложения, которые покупатель хочет иметь возможность редактировать самостоятельно.

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

В любом случае, я Думаю, я отвечаю за то, чтобы сайт выглядел красиво, поэтому я пытался найти способ уместить текст в поле фиксированного размера. Один из способов - предоставить блоку (обычно div ) это свойство css:

overflow: auto;

, но иногда это не подходит, например, в примере, описанном выше, где полоса высотой только в одну строку.

Мой вопрос (да, я наконец-то дошел до него): как я могу автоматически изменить размер шрифта, чтобы он поместился в поле? 12206] В некоторых приложениях (например, Powerpoint) вы можете выбрать вариант «наилучшего соответствия» для размера шрифта, и приложение выбирает размер, который позволяет точно уместить текст. Я в основном ищу версию CSS, JavaScript или PHP.

Заранее спасибо!

РЕДАКТИРОВАТЬ: Вот решение - http://jsfiddle.net/Cnkfn/1 /