Svojstvo word-break
Svojstvo word-break omogućava da se slova
dugačke reči prelome u novi red, ako
ta reč ne staje u širinu kontejnera.
Sintaksa
selektor {
word-break: break-all | keep-all | normal;
}
Vrednosti
| Vrednost | Opis |
|---|---|
break-all |
Primorava dugačke reči da se prelome u novi red, ako ta reč ne staje u kontejner. |
keep-all |
Za prelom hijeroglifa. |
normal |
Standardno ponašanje: ako dugačka reč ne staje po širini u kontejner - ona će jednostavno izaći izvan njegove granice (pri tome će početi iz novog reda). |
Podrazumevana vrednost: normal.
Primer . Vrednost normal
U ovom primeru veoma dugačka reč neće stati u kontejner i izaći će izvan njegovih granica (pri tome će početi iz novog reda):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
width: 200px;
word-break: normal;
border: 1px solid red;
}
:
Primer . Vrednost break-all
A sada će se ta slova koja nisu stajala, jednostavno prelomiti u sledeći red:
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
width: 200px;
word-break: break-all;
border: 1px solid red;
}
:
Pogledajte takođe
-
svojstvo
overflow-wrap,
koje takođe omogućava prelom slova dugačke reči u novi red -
svojstvo
hyphens,
koje uključuje prelom reči po slogovima -
svojstvo
overflow,
koje odseca delove koji izlaze izvan granice bloka -
tag
wbr,
koji realizuje meke prelome pomoću HTML-a -
tag
br,
pomoću koga se može prinudno naterati tekst da pređe u novi red