Xếp hạng của biên tập viên: Xếp hạng của người dùng:[Tổng cộng: 0 Trung bình: 0] @media(độ rộng tối thiểu: 500px) { } @media(độ rộng tối thiểu: 800px) { }
Tailwindgen là trình tạo lưới Tailwind trực tuyến đơn giản mà bạn có thể sử dụng. Nó lấy số lượng hàng và cột từ bạn và sau đó tạo bố cục dạng lưới một cách trực quan cùng với mã HTML. Tất cả các lớp Tailwind bắt buộc đều có trong mã và thậm chí nó có thể tạo mã tương đương React cho cùng một mã.
Chúng tôi đã đề cập đến các trình tạo lưới CSS trước đây. Tailwindgen ở đây cũng giống như vậy, ngoại trừ thực tế là thay vì các lớp CSS tùy chỉnh, công cụ này tạo lưới bằng cách thêm các lớp CSS Tailwind. Điều tốt là nó cung cấp cho bạn một trình tạo lưới trực quan, nơi bạn có thể chỉ định các hàng và cột tùy chỉnh để có được một lưới có hình dạng mong muốn.
Sử dụng Tailwindgen để tạo Lưới CSS bằng Tailwind:
Trang web Tailwindgen hoàn toàn miễn phí sử dụng. Thậm chí không có một trang đăng ký hoặc đăng ký để bắt đầu. Truy cập trang web chính tại đây rồi chỉ cần bắt đầu sử dụng ngay. Giao diện chính của trang web trông như thế này.
Bây giờ, bạn cần chọn số hàng và số cột. Tiếp theo, bạn cần chọn bố cục lưới bằng cách chọn các hàng và cột cụ thể và tạo bố cục tùy chỉnh. Bạn có thể chỉ định bố cục theo bất kỳ cách nào bạn muốn và nó sẽ có thể tạo mã cho tất cả những thứ đó một cách dễ dàng.
Hãy cuộn xuống thêm và ở đây bạn sẽ thấy mã mà nó đã tạo cho bạn. Sao chép mã CSS và HTML rồi sử dụng nó trong các dự án của bạn. Điều tốt ở đây là ngoài HTML, nó tạo mã cho các thành phần React dưới dạng JSX. Bạn cũng có thể sao chép nội dung đó nếu định sử dụng lưới Tailwind trong ReactJS.
Bằng cách này, bạn cũng có thể sử dụng công cụ đơn giản này để tạo ra công cụ xử lý Tailwind và sử dụng trong bất kỳ dự án giao diện người dùng nào của mình. Với điều này, bạn sẽ không phải viết mã bố cục lưới bằng tay. Chỉ cần đánh dấu công cụ này và sau đó sử dụng nó bất cứ lúc nào bạn muốn.
Cùng chia sẻ suy nghĩ:
Tailwind CSS gần đây đã trở nên phổ biến và các công cụ trợ giúp mới cho công cụ này đang được tung ra mỗi ngày. Một trong những khối xây dựng cơ bản mà bạn cần để thiết kế một số giao diện người dùng cho trang web hoặc ứng dụng web. Vì vậy, nếu bạn cần một công cụ tạo lưới Tailwind thì ở đây, tôi đã đề cập đến một công cụ sẽ không làm bạn thất vọng.
