Süper ortalanmış
Bir öğeyi üst öğesi içinde ortalamak için place-items: center
kullanın.
Önce görüntüleme yöntemi olarak ızgarayı belirtin, ardından aynı öğe üzerine place-items: center
yazın. place-items
, aynı anda hem align-items
hem de justify-items
ayarlamak için kullanılan bir kısaltmadır. center
olarak ayarlandığında hem align-items
hem de justify-items
center
olarak ayarlanır.
.parent {
display: grid;
place-items: center;
}
Bu, içeriğin asıl boyutundan bağımsız olarak üst öğede mükemmel bir şekilde ortalanmasını sağlar.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2023-10-25 UTC.
[null,null,["Son güncelleme tarihi: 2023-10-25 UTC."],[],[]]