Vetija word-break

Vetija word-break lejon që shkronjat e një fjale të gjatë të transferohen në një rresht të ri, nëse kjo fjalë nuk futet në gjerësinë e kontejnerit.

Sintaksa

përzgjedhësi {
	word-break: break-all | keep-all | normal;
}

Vlerat

Vlera	Përshkrimi
`break-all`	Detyron fjalët e gjata të transferohen në një rresht të ri, nëse kjo fjalë nuk futet në kontejner.
`keep-all`	Për transferimin e ideogramave.
`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 (ndërkohë që 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ë futet në kontejner dhe do të dalë përtej kufijve të saj (ndërkohë që do të fillojë nga një rresht i ri):

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

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

Shembull . Vlera break-all

Tani ato shkronja që nuk futeshin, thjesht do të transferohen në rreshtin vijues:

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

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

Shihni gjithashtu

vetija overflow-wrap,
e cila gjithashtu lejon transferimin e shkronjave të një fjale të gjatë në një rresht të ri
vetija hyphens,
e cila aktivizon transferimin e fjalëve sipas rrokjeve
vetija overflow,
e cila shkëput pjesët që dalin përtej kufirit të bllokut
tagu wbr,
i cili zbaton transferime të buta me mjetet HTML
tagu br,
me të cilin mund të detyrosh tekstin të transferohet në një rresht të ri