Vetia overflow-wrap

Vetia overflow-wrap lejon transferimin e shkronjave të një fjale të gjatë në një rresht të ri, nëse kjo fjalë nuk futet në gjerësinë e kontejnerit.

Sintaksa

përzgjedhësi {
	overflow-wrap: break-word | normal;
}

Vlerat

Vlera	Përshkrimi
`break-word`	Detyron fjalët e gjata të transferohen në një rresht të ri, nëse kjo fjalë nuk përshtatet në kontejner. Në këtë rast, fjala do të fillojë nga një rresht i ri.
`normal`	Sjellja standarde: nëse një fjalë e gjatë nuk futet në gjerësinë e kontejnerit - ajo thjesht do të dalë përtej kufijve të saj (në këtë rast do të fillojë nga një rresht i ri).

Vlera e paracaktuar: normal.

Shembull . Vlera normal

Në këtë shembull, një fjalë shumë e gjatë nuk do të përshtatet në kontejner dhe do të dalë përtej kufijve të saj (në këtë rast do të fillojë nga një rresht i ri):

<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;
}

Shembull . Vlera break-word

Tani ato shkronja që nuk përshtateshin, thjesht do të transferohen në rreshtin tjetër (në këtë rast fjala e gjatë prapë do të fillojë nga një rresht i ri):

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

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

Shihni gjithashtu

vetia word-break,
e cila gjithashtu lejon transferimin e shkronjave të një fjale të gjatë në një rresht të ri
vetia word-wrap,
e cila është një emërtim i vjetëruar i vetisë overflow-wrap
vetia hyphens,
e cila aktivizon transferimin e fjalëve sipas rrokjeve
tagu wbr,
i cili zbaton transferime të buta me anë të HTML
tagu br,
me të cilin mund të detyroni tekstin të transferohet në një rresht të ri