Text Wrap

Kawal pembalutan teks

Sintaks

visual="[wrap-value]"

Nilai

Nilai	CSS Output	Huraian
text-wrap	text-wrap: wrap	Balut teks
text-nowrap	text-wrap: nowrap	Tiada balutan
text-balance	text-wrap: balance	Balutan seimbang
text-pretty	text-wrap: pretty	Balutan cantik

Contoh

<h1 visual="text-balance">Balanced heading</h1>

Pratonton

Pembalutan Teks

visual="text-balance" - Kawal pembalutan baris

This text will wrap normally when needed

This text won't wrap at all

This heading text is balanced

Lihat Kod

<div layout="flex:col" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small w:[200px]" visual="bg:primary text:white rounded:small text-wrap">This text will wrap normally when needed</div>
  <div space="p:small w:[200px]" visual="bg:success text:white rounded:small text-nowrap">This text won't wrap at all</div>
  <div space="p:small w:[200px]" visual="bg:warning text:black rounded:small text-balance">This heading text is balanced</div>
</div>