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 Grid
Thiết kế lưới cố định hoặc tự thích ứng với xem trước thực tế, rồi lấy CSS và HTML tương ứng.
Giới thiệu công cụ
Xem lưới thẻ ở nhiều độ rộng trước khi đưa vào trang của bạn.
Cách sử dụng
Chọn số cột cố định hoặc tự xếp theo chiều rộng tối thiểu. Chỉnh hàng, khoảng cách, căn chỉnh và số mục. Thu hẹp vùng xem trước để thử bố cục rồi xuất CSS và HTML riêng.
Thanh chiều rộng chỉ đổi xem trước. Lưới cố định hỗ trợ 1–12 hàng và cột, khoảng cách 0–80 px, tối đa 48 mục. Bổ sung nội dung và phong cách của bạn vào mã.
Câu hỏi thường gặp
Làm sao để số cột đổi theo chiều rộng?
Chọn tự khớp và đặt chiều rộng cột tối thiểu. Mã xuất dùng auto-fit và minmax. Độ rộng mô phỏng của bản xem trước không được xuất.
Vì sao số hàng thực tế nhiều hơn số tôi đã chọn?
Thiết lập hàng xác định các hàng tường minh, không giới hạn tổng số phần tử. Lưới cố định 3 cột và 2 hàng có 6 ô ban đầu; phần tử thứ bảy tạo thêm một hàng ngầm định. Giảm số phần tử nếu bạn muốn bản xem trước chỉ có đúng sáu ô đó.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0