Уласцівасць overflow-wrap

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

Сінтаксіс

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

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

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

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

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

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

А цяпер тыя літары, якія не змяшчаліся, проста пераносяцца на наступны радок (пры гэтым доўгае слова ўсё роўна будзе пачынацца з новага радка):

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

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

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