Свойство word-wrap указывает, разрешается ли браузеру разрывать строки прямо внутри слов. (Переносом строк с разрывами между слов управляет отдельное свойство .)
Помимо переноса на новую строку длинных слов или URL-адресов, свойство word-wrap удобно применять для решения следующих задач:
- форматирование данных в таблицах, для того чтобы ячейки не растягивались в ширину и не искажали макет страницы
- перенос строк кода внутри элементов
| Значение по умолчанию: |
normal |
| Наследуется: |
да |
| Версия: |
CSS3 |
| Синтаксис JavaScript: |
object.style.wordWrap="break-word" |
| Значение |
Описание |
| normal |
Разрешает переносить слова только в заданных местах. |
| break-word |
Переносит слово при необходимости автоматически. |
Пример
html
head
style type="text/css"
p.test {
width: 11em;
border: 1px solid #000000;
word-wrap: break-word;
}
/style
/head
body
p class="test"Абзац содержит очень длинное слово: этооченьоченьоченьоченьдлинноеслово,
которое будет разорвано и перенесено на другую строку./p
/body
/html
|