JavaScript, чтобы избежать вдов [дубликат]
На этот вопрос уже есть ответ здесь:
Вдова / сиротский контроль с помощью JavaScript? 7 ответовОбщей проблемой при работе с типографикой в HTML / CSS является то, что мы называем "horunge" на шведском ("вдова" по-английски).
Что это:
Допустим, у вас есть коробка шириной 200 пикселей и текстом «Я очень люблю типографию». Теперь текст разбивается и становится:
Я очень люблю типографику
много
Как дизайнер, я не хочу слова ублюдок (одно слово / строка). Если бы это был документ / PDF и т. Д., Я бы разбил слово перед самым и выглядел бы так:
Я люблю типографику
очень
который выглядит намного лучше.
Могу ли я решить это с помощью правила CSS или с помощью JavaScript? Правило должно состоять в том, чтобы никогда не оставлять слово пустым в ряду.
Я знаю, что это можно решить, добавив<br />
но это не решение, которое работает с динамической шириной, содержанием фида, различными переводами, проблемами рендеринга шрифтов браузера и т. д.
Обновление (решение) Я решил свою проблему с этим плагином jquery:http://matthewlein.com/widowfix/