Whitespace

Kawal pengendalian ruang putih

Sintaks

visual="whitespace:[value]"

Nilai

Nilai	CSS Output	Huraian
normal	white-space: normal	Ruang putih normal
nowrap	white-space: nowrap	Tiada balutan
pre	white-space: pre	Kekalkan ruang putih
pre-line	white-space: pre-line	Pra-baris
pre-wrap	white-space: pre-wrap	Pra-balut
break-spaces	white-space: break-spaces	Pecah ruang

Contoh

<pre visual="whitespace:pre">Preserved whitespace</pre>

Pratonton

Ruang Putih

visual="whitespace:pre" - Kawal pengendalian ruang putih

Normal spaces collapse

This text won't wrap to next line

Preserved spaces here

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" visual="bg:primary text:white rounded:small whitespace:normal">Normal   spaces   collapse</div>
  <div space="p:small" visual="bg:success text:white rounded:small whitespace:nowrap">This text won't wrap to next line</div>
  <div space="p:small" visual="bg:warning text:black rounded:small whitespace:pre">Preserved   spaces   here</div>
</div>