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

cssseçici {
  word-break: break-all | keep-all | normal;
}

Değerler

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):

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

css#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:

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

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

Результат:

Ayrıca Bakınız