четверг, 1 сентября 2011 г.

Как в css сделать перенос строк или слов

Наконец таки обновил дизайн на своем блоге и сделал его более взрослым и в связи с этим решил чуть обновить и подкорректировать некоторые косяки на блоге, а именно что бы в записях слова не уползали за отведенное им место и исправлять это будет с помощью css. Для того что бы сделать в css перенос строк надо добавить в файл стилей всего лишь одну строчку:

word-wrap: break-word; (этим мы в css переносим слова на другую строчку)

Для справки:

Свойство WORD-WRAP позволяет определять способ для переноса слов в текстовых блоках. Он определяет, будут ли разрываться слова для переноса или нет. Это свойство имеет силу только для элементов с выставленной шириной или абсолютно позиционированных элементов.

Значения

 

break-word – в этом режиме слова при необходимости разрываются и переносятся на другую строку

normal – слова не разрываются при переносе

inherit – значение определяется значением родительского элемента

Дополнительные ключевые слова к данной статье:  css запрет переноса строк, запретить перенос строк css, css перенос на новую строку, css перенос строки, css перенос слов, css запретить перенос слов.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru