Place Content

Pintasan untuk align-content dan justify-content

Sintaks

layout="place-content:[value]"

Nilai

Nilai	CSS Output	Huraian
start	place-content: start	Jajar permulaan
end	place-content: end	Jajar hujung
center	place-content: center	Jajar tengah
between	place-content: space-between	Ruang antara
around	place-content: space-around	Ruang sekeliling
evenly	place-content: space-evenly	Ruang sekata
stretch	place-content: stretch	Regangkan kandungan

Contoh

<div layout="grid place-content:center">Centered content</div>

Pratonton

Letakkan Kandungan Tengah

layout="place-content:center" - Tengahkan keseluruhan kandungan grid dalam kedua-dua arah

12

Lihat Kod

<div layout="grid grid-cols:2 place-content:center" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium" style="height: 120px;">
  <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>
</div>