Обновление (Сентябрь, 17/2012): Спецификация изменилась опять в сторону возврата word-wrap
. Свойство остается валидным, но полагается альтернативным выражением overflow-wrap
. От браузеров требуется продолжение поддержки этого свойства, так что можно использовать и дальше.
Word-Wrap
: валидное свойство CSS3, которое работает в каждом браузере, даже IE5, поскольку разработано было еще в 2001 году.
Полезно и необходимо в случае, например, когда чересчур длинный комментарий может привести к нежелательному вытягиванию коммента и нарушению дизайна.
Синтаксис:Word-wrap
принимает два параметра, один из которых по умолчанию (normal
):
#selector {
word-wrap: break-word;
}
#selector-2 {
word-wrap: normal;
}
Это заставляет осуществлять разрыв длинных слов, в случае превышения установленного границами контейнера лимита, даже если отсутствуют пробелы – принудительный разрыв слов, в общем. Для этого параметр следует установить в break-word
.
Пример:
1. Без word-wrap
:
supercalifragilisticexpialidocious
2. C word-wrap: break-word
supercalifragilisticexpialidocious
Комментарии:
Нет комментариев к этой статье.