English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут word-wrap CSSИспользуется дляРазорвать длинное слово и автоматически перенести его на следующую строку. Когда неразрывная строка слишком длинна и не может поместиться в контейнер, этот атрибут используется для предотвращения переполнения.
| Значение | Описание |
|---|---|
| normal | Этот атрибут используется только для разрыва слов в разрешенных точках разрыва. |
| break-word | Используется для разрыва неразрывных слов. |
| initial | Используется для установки этого свойства по умолчанию. |
| inherit | Этот атрибут наследуется от родительского элемента. |
<!DOCTYPE html>
<html>
<head>
<style>
p.test {
width: 11em;
background-color: #ff9900;
border: 1px solid #ffffff;
padding: 10px;
word-wrap: break-word;
}
</style>
</head>
<p class="test"> В этом абзаце есть очень длинное слово:
iamsooooooooooooooooooooooooooooooolongggggggggggggggg. Long word will break and wrap to the next line.</p>
</html>Проверьте, посмотрите <‹/›>Вывод:
В этом абзаце есть очень длинное слово: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long. Это слово будет разорвано и продолжено на следующей строке.