Уласцівасць word-break

Уласцівасць word-break дазваляе перанесці літары доўгага слова на новы радок, калі гэтае слова не змяшчаецца ў шырыню кантэйнера.

Сінтаксіс

селектар {
	word-break: break-all | keep-all | normal;
}

Значэнне	Апісанне
`break-all`	Прымушае доўгія словы пераносіцца на новы радок, калі гэтае слова не змяшчаецца ў кантэйнер.
`keep-all`	Для пераносу іерогліфаў.
`normal`	Стандартная паводзіны: калі доўгае слова не змяшчаецца па шырыні ў кантэйнер - яно проста вылезе за яго мяжу (пры гэтым пачнецца з новага радка).

Значэнне па змаўчанні: normal.

У гэтым прыкладзе вельмі доўгае слова не змясціцца ў кантэйнер і вылезе за яго межы (пры гэтым пачнецца з новага радка):

<div id="elem">
	Lorem ipsum dolor sit amet
	ооооооооооооооооооооооооооооочэньдоўгаеслова,
	consectetur adipiscing elit.
</div>

#elem {
	width: 200px;
	word-break: normal;
	border: 1px solid red;
}

А цяпер тыя літары, якія не змяшчаліся, проста пераносяцца на наступны радок:

<div id="elem">
	Lorem ipsum dolor sit amet
	ооооооооооооооооооооооооооооочэньдоўгаеслова,
	consectetur adipiscing elit.
</div>

#elem {
	width: 200px;
	word-break: break-all;
	border: 1px solid red;
}

уласцівасць overflow-wrap,
якое таксама дазваляе перанесці літары доўгага слова на новы радок
уласцівасць hyphens,
якое ўключае пераносы словаў па складах
уласцівасць overflow,
якое абрэзае тыя часткі, што выходзяць за мяжу блока
тэг wbr,
які рэалізуе мяккія пераносы сродкамі HTML
тэг br,
з дапамогай якога можна прымусова прымусіць перанесці тэкст на новы радок