Giờ đây, bạn có thể sử dụng thuộc tính align-content
của 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 lưới.
Hỗ trợ trình duyệt
- 123
- 123
- 125
- 17,4
Nhiệm vụ bất khả thi trước đây là 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, chiến lược này liên quan đến việc tạo một bố cục linh hoạt hoặc bố cục lưới vì lý do nào khác ngoài việc căn chỉnh này.
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 đã chuyển tính năng này.
Khi có sẵn align-content
cho bố cục khối, bạn có thể căn chỉnh 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 này vẫn là một mục trong khối, thay đổi duy nhất là căn chỉnh.