fiokit.

Trình tạo CSS Grid và Flexbox

Thiết kế bố cục Grid và Flexbox thích ứng với xem trước trực tiếp và CSS sẵn để sao chép.

Di chuột lên hoặc chọn một trường để xem trợ giúp. Nhấn Escape để đóng.

1
2
3
4
5
6

Cách sử dụng

Dán nội dung hoặc xem ví dụ. Chọn tùy chọn, chạy công cụ rồi sao chép hoặc tải kết quả.

Ví dụ thực tế

Bố cục

Layout

Câu hỏi thường gặp

Văn bản có được gửi đến máy chủ không?

Không. Nội dung được xử lý trong trình duyệt này, không được gửi đến máy chủ hoặc lưu lại.

Cần biết gì về Trình tạo CSS Grid và Flexbox?

Xem trước dùng khối đánh số. CSS tạo ra chứa quy tắc bố cục; điều chỉnh bộ chọn và điểm ngắt theo trang của bạn.