במרכז-על
יש להשתמש בפונקציה place-items: center
כדי למרכז רכיב בתוך ההורה שלו.
קודם צריך לציין את הרשת כשיטת התצוגה ולאחר מכן לכתוב 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 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2023-10-25 (שעון UTC).
[null,null,["עדכון אחרון: 2023-10-25 (שעון UTC)."],[],[]]