Align Self

Ganti penjajaran untuk satu item

Sintaks

layout="self:[value]"

Nilai

Nilai	CSS Output	Huraian
auto	align-self: auto	Guna penjajaran induk
start	align-self: flex-start	Jajar ke permulaan
end	align-self: flex-end	Jajar ke hujung
center	align-self: center	Tengahkan item
baseline	align-self: baseline	Jajar ke garis asas
stretch	align-self: stretch	Regangkan item

Contoh

<div layout="self:center">Centered item</div>

Pratonton

Jajar Kendiri

layout="self:center" - Ganti penjajaran induk untuk satu item

Startself:centerStart

Lihat Kod

<div layout="flex items:start" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium" style="height: 100px;">
  <span space="p:small" visual="bg:neutral-300 dark:bg:neutral-700 text:neutral-800 dark:text:neutral-200 rounded:small">Start</span>
  <span layout="self:center" space="p:small" visual="bg:primary text:white rounded:small">self:center</span>
  <span space="p:small" visual="bg:neutral-300 dark:bg:neutral-700 text:neutral-800 dark:text:neutral-200 rounded:small">Start</span>
</div>