Sangat terpusat
Gunakan place-items: center
untuk memusatkan elemen dalam induknya.
Pertama, tentukan petak sebagai metode tampilan, lalu tulis place-items: center
pada elemen yang sama. place-items
adalah singkatan untuk menetapkan align-items
dan justify-items
sekaligus. Dengan menyetelnya ke center
, align-items
dan justify-items
disetel ke center
.
.parent {
display: grid;
place-items: center;
}
Hal ini memungkinkan konten dipusatkan secara sempurna di dalam induk, terlepas dari ukuran intrinsik.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2023-10-25 UTC.
[null,null,["Terakhir diperbarui pada 2023-10-25 UTC."],[],[]]