Sử dụng
0 để ngăn nội dung trong một phần tử bị cắt bớt. Lưu ý rằng bất kỳ nội dung nào vượt quá giới hạn của phần tử sẽ hiển thịAndrew Alfred Cố vấn kỹ thuật
Ẩn nội dung tràn ra ngoài
Sử dụng
1 để cắt bất kỳ nội dung nào trong phần tử vượt quá giới hạn của phần tử đóAndrew Alfred Cố vấn kỹ thuật
Sử dụng
0 để thêm thanh cuộn vào một phần tử trong trường hợp nội dung của nó vượt quá giới hạn của phần tử đó. Không giống như
1 luôn hiển thị thanh cuộn, tiện ích này sẽ chỉ hiển thị chúng nếu cần cuộnAndrew Alfred Cố vấn kỹ thuật
Jane White Giám đốc, Tiếp thị
Cố vấn kỹ thuật Ray Flint
Sử dụng
2 để cho phép cuộn ngang nếu cầnAndrew
Sử dụng
3 để cho phép cuộn dọc nếu cầnAndrew Alfred Cố vấn kỹ thuật
Jane White Giám đốc, Tiếp thị
Cố vấn kỹ thuật Ray Flint
Sử dụng
4 để cho phép cuộn ngang và luôn hiển thị thanh cuộn trừ khi hệ điều hành tắt thanh cuộn luôn hiển thịAndrew
Emily
Whitney
David
Kristin
Sarah
Sử dụng
5 để cho phép cuộn dọc và luôn hiển thị thanh cuộn trừ khi hệ điều hành tắt thanh cuộn luôn hiển thịAndrew Alfred Cố vấn kỹ thuật
Jane White Giám đốc, Tiếp thị
Cố vấn kỹ thuật Ray Flint
Sử dụng
1 để thêm thanh cuộn vào một phần tử. Không giống như
0, chỉ hiển thị thanh cuộn nếu cần thiết, tiện ích này luôn hiển thị chúng. Lưu ý rằng một số hệ điều hành [như macOS] ẩn các thanh cuộn không cần thiết bất kể cài đặt này5 giờ sáng Chuyến bay đến vancouver Toronto YYZ
5 giờ chiều 🎉 Tiệc tùng 🎉 Chúng tôi thích tiệc tùng
Áp dụng có điều kiện
Hover, focus và các trạng thái khác
Tailwind cho phép bạn áp dụng có điều kiện các lớp tiện ích ở các trạng thái khác nhau bằng cách sử dụng các công cụ sửa đổi biến thể. Ví dụ: sử dụng
8 để chỉ áp dụng tiện ích
1 khi di chuộtĐể biết danh sách đầy đủ tất cả các công cụ sửa đổi trạng thái có sẵn, hãy xem tài liệu về Hover, Focus và Other States
Bạn cũng có thể sử dụng các công cụ sửa đổi biến thể để nhắm mục tiêu các truy vấn phương tiện như điểm ngắt phản hồi, chế độ tối, chuyển động giảm ưu tiên, v.v. Ví dụ: sử dụng
0 để áp dụng tiện ích
1 chỉ với kích thước màn hình trung bình trở lênĐể tìm hiểu thêm, hãy xem tài liệu về Thiết kế đáp ứng, Chế độ tối và các công cụ sửa đổi truy vấn phương tiện khác