CSS box alignment

Module CSS box alignment xác định các tính năng CSS liên quan đến việc căn chỉnh các hộp (box) trong container của chúng. Module này định nghĩa cách căn chỉnh cho các mô hình bố cục CSS khác nhau bao gồm block layout, table layout, flexible box layout (flexbox) và grid layout, tạo ra một phương pháp căn chỉnh nhất quán xuyên suốt toàn bộ CSS.

Module này mô tả chi tiết thuật ngữ về căn chỉnh, cho phép các thuộc tính căn chỉnh được sử dụng trong nhiều module bố cục khác nhau, thay vì bị giới hạn trong một phương pháp bố cục cụ thể.

Căn chỉnh được liên kết với chế độ viết (writing mode) — khi căn chỉnh một phần tử, chúng ta không xét đến các chiều vật lý như trên, phải, dưới, trái. Thay vào đó, căn chỉnh được mô tả theo điểm bắt đầu và kết thúc của chiều đang làm việc. Điều này đảm bảo căn chỉnh hoạt động nhất quán bất kể tài liệu sử dụng chế độ viết nào.

Căn chỉnh của văn bản và nội dung inline-level được định nghĩa trong CSS text moduleCSS inline module tương ứng.

Tham chiếu

Thuộc tính CSS

Kiểu dữ liệu

Thuật ngữ và định nghĩa

Hướng dẫn

Box alignment overview

Tổng quan về các khái niệm chung trong module CSS box alignment.

Box alignment in flexbox

Cách box alignment hoạt động trong ngữ cảnh flexbox.

Box alignment in CSS grid layout

Cách box alignment hoạt động trong ngữ cảnh grid layout.

Box alignment in multiple-column layout

Cách box alignment hoạt động trong ngữ cảnh multi-column layout.

Box alignment for block, absolutely positioned and table layout

Cách box alignment hoạt động trong ngữ cảnh block layout, bao gồm các phần tử float, positioned và table.

Khái niệm liên quan

Đặc tả kỹ thuật

Specification
CSS Box Alignment Module Level 3

Xem thêm