Eienskap word-break

Eienskap word-break laat toe om letters van 'n lang woord oor na 'n nuwe reël te bring, indien daardie woord nie in die houer se breedte pas nie.

Sintaksis

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

Waarde	Beskrywing
`break-all`	Dwing lang woorde om oor na 'n nuwe reël gebring te word, indien die woord nie in die houer pas nie.
`keep-all`	Vir die oorbring van karakters.
`normal`	Standaard gedrag: indien 'n lang woord nie in breedte in die houer pas nie - sal dit eenvoudig oor sy grens uitsteek (terwyl dit op 'n nuwe reël sal begin).

Standaard waarde: normal.

In hierdie voorbeeld sal 'n baie lang woord nie in die houer pas nie en sal oor sy grense uitsteek (terwyl dit op 'n nuwe reël begin):

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

Результат:

En nou sal die letters wat nie gepas het nie, eenvoudig na die volgende reël oorgebring word:

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

Результат:

eienskap overflow-wrap,
wat ook toelaat om letters van 'n lang woord oor na 'n nuwe reël te bring
eienskap hyphens,
wat woordoorbreek volgens lettergrepe aanskakel
eienskap overflow,
wat dele wat oor die blok se grens uitsteek afsny
etikett wbr,
wat sagte oorbringe met HTML middele implementeer
etikett br,
waarmee jy teks geforseerd kan laat oorspring na 'n nuwe reël