Siêu giữa
Dùng place-items: center
để căn giữa một phần tử trong phần tử mẹ.
Trước tiên, hãy chỉ định lưới làm phương thức hiển thị, sau đó viết place-items: center
trên cùng một phần tử. place-items
là cách viết tắt để thiết lập cả align-items
và justify-items
cùng một lúc. Khi bạn đặt giá trị này thành center
, cả align-items
và justify-items
đều được đặt thành center
.
.parent {
display: grid;
place-items: center;
}
Điều này cho phép nội dung được căn giữa hoàn toàn trong thành phần mẹ, bất kể kích thước nội tại.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2023-10-25 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2023-10-25 UTC."],[],[]]