Skip to content

Word Break

Kawal pemecahan perkataan

Sintaks

visual="[break-value]"

Nilai

NilaiCSS OutputHuraian
break-normaloverflow-wrap: normal; word-break: normalPemecahan normal
break-wordsoverflow-wrap: break-wordPecah perkataan
break-allword-break: break-allPecah semua
break-keepword-break: keep-allKekalkan semua

Contoh

html
<div visual="break-words">Long words break properly</div>

Pratonton

Pemecahan Perkataan

visual="break-words" - Kawal pemecahan perkataan

Supercalifragilisticexpialidocious
Supercalifragilisticexpialidocious
Supercalifragilisticexpialidocious
Lihat Kod
html
<div layout="flex:col" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small w:[120px]" visual="bg:primary text:white rounded:small break-normal">Supercalifragilisticexpialidocious</div>
  <div space="p:small w:[120px]" visual="bg:success text:white rounded:small break-words">Supercalifragilisticexpialidocious</div>
  <div space="p:small w:[120px]" visual="bg:warning text:black rounded:small break-all">Supercalifragilisticexpialidocious</div>
</div>