Trục grid

CSS grid layout là một phương pháp bố cục hai chiều cho phép bố trí nội dung theo hàng và cột. Do đó trong bất kỳ grid nào, chúng ta có hai trục. Trục block hay trục cột, và trục inline hay trục hàng.

Dọc theo các trục này, các phần tử có thể được căn chỉnh và justify bằng các thuộc tính được định nghĩa trong đặc tả Box Alignment.

Trục inline (còn gọi là trục hàng hay trục chính) là hướng mà văn bản thông thường chảy theo. Trục block (còn gọi là trục cột hay trục chéo) là trục được sử dụng khi bố trí các khối văn bản. Hướng vật lý của các trục này có thể thay đổi theo chế độ viết của tài liệu.

Ví dụ, nếu bạn viết từ trái sang phải, từ trên xuống dưới (như văn xuôi tiếng Anh thông thường), thì các ký tự riêng lẻ được đặt dọc theo trục inline, chạy từ trái sang phải.

Và, nếu văn bản chứa nhiều dòng, các dòng này được đặt dọc theo trục block, chạy từ trên xuống dưới.