Word-break häsiýeti

word-break häsiýeti, söz konteýneriň inişine sığmaýan bolsa, onuň harplaryny täze setire geçirmäge mümkinçilik berýär.

Sintaksis

cssselektor {
  word-break: break-all | keep-all | normal;
}

Görnüşleri

Deslapky görnüşi: normal.

Mysal . Normal görnüşi

Bu mysalda örän uzyn söz konteýneriň içine sığmaz we onuň çäginden daşary çykar (şol bir wagtda täze setirden başlar):

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

Результат:

Mysal . Break-all görnüşi

Indi bolsa, sığmaýan harplar, diňe indiki setire geçiriler:

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

Результат:

Şeýle-de görüň