word-break Özelliği
word-break özelliği, bir kelime konteynerin genişliğine sığmıyorsa,
o kelimenin harflerinin yeni bir satıra taşınmasına izin verir.
Sözdizimi
seçici {
word-break: break-all | keep-all | normal;
}
Değerler
| Değer | Açıklama |
|---|---|
break-all |
Uzun kelimelerin, konteynere sığmıyorsa yeni bir satıra taşınmasını sağlar. |
keep-all |
Hiyerogliflerin taşınması için. |
normal |
Standart davranış: eğer uzun bir kelime konteynerin genişliğine sığmıyorsa - basitçe sınırlarının dışına taşar (ancak yeni bir satırdan başlayacaktır). |
Varsayılan değer: normal.
Örnek . Normal değeri
Bu örnekte çok uzun bir kelime konteynere sığmayacak ve sınırlarının dışına taşacaktır (ancak yeni bir satırdan başlayacaktır):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
width: 200px;
word-break: normal;
border: 1px solid red;
}
:
Örnek . break-all değeri
Ve şimdi sığmayan harfler, basitçe bir sonraki satıra taşınacak:
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
width: 200px;
word-break: break-all;
border: 1px solid red;
}
:
Ayrıca Bakınız
-
overflow-wrapözelliği,
aynı zamanda uzun bir kelimenin harflerinin yeni bir satıra taşınmasına izin verir -
hyphensözelliği,
kelimelerin hecelere göre taşınmasını etkinleştirir -
overflowözelliği,
bloğun sınırlarının dışına taşan kısımları keser -
wbretiketi,
HTML araçlarıyla yumuşak taşımalar uygular -
bretiketi,
metni yeni bir satıra taşımaya zorlamak için kullanılabilir