Justify Items

Jajarkan item grid pada paksi sebaris

Sintaks

layout="justify-items:[value]"

Nilai

Nilai	CSS Output	Huraian
start	justify-items: start	Jajar permulaan
end	justify-items: end	Jajar hujung
center	justify-items: center	Jajar tengah
stretch	justify-items: stretch	Regangkan item

Contoh

<div layout="grid justify-items:center">Centered items</div>

Pratonton

Jajar Item Tengah

layout="justify-items:center" - Tengahkan semua item grid secara mendatar dalam sel mereka

123

Lihat Kod

<div layout="grid grid-cols:3 justify-items:center" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span space="p:small" visual="bg:primary text:white rounded:small">1</span>
  <span space="p:small" visual="bg:primary text:white rounded:small">2</span>
  <span space="p:small" visual="bg:primary text:white rounded:small">3</span>
</div>