Giới thiệu Flexbox
Flexbox là phương pháp thiết kế layout một chiều trên CSS, rất phù hợp cho design responsive.
Thuộc tính chính
- display: flex; – kích hoạt flex context.
- justify-content: căn chỉnh ngang.
- align-items: căn chỉnh dọc.
Ví dụ thực hành
.container {
display: flex;
justify-content: center;
align-items: center;
}
Kết luận: Flexbox giúp bố cục linh hoạt trên mọi thiết bị.