css Свойство CSS3 'word-wrap' 

Дата публикации  Дата изменения25.01.15  КомментарииНет   Просмотры2551

Курсы

Обновление (Сентябрь, 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

Бесплатные курсы

Категории

Теги: , , ,

Оцените материал:

Рейтинг: 0.0/10 (0)


КомментарииКомментарии:

Нет комментариев к этой статье.


 

Старые →← Новые