超置中
使用 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;
}
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-10-25 (世界標準時間)。
[null,null,["上次更新時間:2023-10-25 (世界標準時間)。"],[],[]]