Свойство 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
|