Īpašība overflow-wrap

Īpašība overflow-wrap ļauj pārnest gara vārda burtus uz jaunu rindu, ja šis vārds neietilpst konteinera platumā.

Sintakse

selektors {
	overflow-wrap: break-word | normal;
}

Vērtība	Apraksts
`break-word`	Piespiež garus vārdus pārnesties uz jaunu rindu, ja šis vārds neietilpst konteinerā. Šajā gadījumā vārds sāksies no jaunas rindas.
`normal`	Standarta uzvedība: ja garš vārds neietilpst platuma konteinerā - tas vienkārši izkļūs aiz tā robežas (šajā gadījumā tas sāksies no jaunas rindas).

Noklusējuma vērtība: normal.

Šajā piemērā ļoti garš vārds neietilps konteinerā un izkļūs aiz tā robežām (šajā gadījumā tas sāksies no jaunas rindas):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

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

Bet tagad tie burti, kas neietilpa, tiks vienkārši pārnesti uz nākamo rindu (šajā gadījumā garš vārds joprojām sāksies no jaunas rindas):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

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