Thuộc tính căn chỉnh nội dung cho bố cục khối hiện là một phần của Đường cơ sở
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Rachel Andrew
Ngày xuất bản: 17 tháng 4 năm 2024
Giờ đây, bạn có thể sử dụng thuộc tính align-content trong tính năng Căn chỉnh hộp CSS trên bố cục khối và bảng. Điều này sẽ cho phép căn chỉnh hướng khối mà không cần tạo bố cục linh hoạt hoặc bố cục dạng lưới.
Browser Support
123
123
125
17.4
Nhiệm vụ mà trước đây là bất khả thi (căn giữa một mục theo chiều dọc) đã trở nên dễ dàng hơn nhờ flexbox và lưới, cùng với thuộc tính align-content. Tuy nhiên, việc này liên quan đến việc tạo bố cục linh hoạt hoặc bố cục dạng lưới mà không có lý do nào khác ngoài việc căn chỉnh.
Thuộc tính này được chỉ định cho bố cục khối và trong vài tháng qua, cả 3 công cụ chính đều đã phát hành tính năng này.
Với align-content có sẵn cho bố cục khối, bạn có thể căn chỉnh theo chiều dọc mà không cần tạo bố cục linh hoạt hoặc bố cục lưới để thuộc tính hoạt động. Không cần thêm thuộc tính nào vì mục vẫn là mục dạng khối, thay đổi duy nhất là về căn chỉnh.
Thuộc tính align-content căn giữa tiêu đề theo chiều dọc trong một vùng chứa khối.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2024-04-17 UTC."],[],[]]