overflow-wrap касиети

overflow-wrap касиети контейнердин туурасына сыйбаган узун сөздүн тамгаларын жаңы сапка которууга мүмкүндүк берет.

Синтаксис

cssтандоочу {
  overflow-wrap: break-word | normal;
}

Маанилери

Демейки маани: normal.

Мисал . normal мааниси

Бул мисалда өтө узун сөз контейнерге сыйбайт жана анын чектеринен сыртка чыгат (бул учурда жаңы саптан башталат):

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

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

Результат:

Мисал . break-word мааниси

Эми сыйбаган тамгалар жөн гана кийинки сапка которулат (бул учурда узун сөз дагы эле жаңы саптан башталат):

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

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

Результат:

Ошондой эле караңыз