Chuyển đổi màu
Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.
Tạo bố cục CSS Flexbox
Thử hướng, xuống dòng, phân bố và căn chỉnh rồi sao chép CSS cùng HTML.
Giới thiệu công cụ
Sắp xếp nút hoặc điều khiển và kiểm tra khi không gian bị thu hẹp.
Cách sử dụng
Chỉnh thuộc tính Flex, khoảng cách và số mục. Thay đổi chiều rộng để xem cách xuống dòng. CSS và HTML có thể sao chép hoặc tải riêng.
Xem trước dùng cùng thuộc tính với mã xuất. Mục có kích thước cơ sở 100 px, chiều cao tối thiểu 80 px. Tối đa 48 mục, khoảng cách 0–80 px. Chiều rộng thử không nằm trong CSS xuất.
Câu hỏi thường gặp
Độ rộng xem trước có nằm trong mã xuất không?
Không, nó chỉ mô phỏng không gian. Kết quả gồm quy tắc flex và kích thước cơ bản của mục; đặt độ rộng thực và hình thức trên trang của bạn.
Vì sao cách căn giữa đổi khi chọn column?
justify-content điều khiển trục chính, còn align-items điều khiển trục phụ. Với row, trục chính nằm ngang; với column, trục chính nằm dọc. Muốn căn giữa cả hai trục, chọn center cho cả hai và bảo đảm vùng chứa có đủ khoảng trống trên các trục tương ứng.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0