فوق العاده متمرکز
از place-items: center
برای قرار دادن یک عنصر در والد آن.
ابتدا grid را به عنوان روش نمایش مشخص کنید و سپس place-items: center
همان عنصر بنویسید. place-items
کوتاه نویسی برای تنظیم هم align-items
و justify-items
به طور همزمان است. با تنظیم آن در center
، هم align-items
و justify-items
در center
قرار می گیرند.
.parent {
display: grid;
place-items: center;
}
این امکان را فراهم می کند تا محتوا بدون توجه به اندازه ذاتی، کاملاً در مرکز اصلی قرار گیرد.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2023-10-25 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2023-10-25 بهوقت ساعت هماهنگ جهانی."],[],[]]