Nếu các phần tử của bạn có thứ tự ngược lại [ví dụ như sử dụng
01
02
03
1 hoặc
01
02
03
2], hãy sử dụng các tiện ích
01
02
03
0 hoặc
01
02
03
1 để đảm bảo khoảng trắng được thêm vào phía bên phải của mỗi phần tử
01
02
03
Sử dụng giá trị âm
Để sử dụng giá trị khoảng trắng, hãy thêm dấu gạch ngang vào trước tên lớp để chuyển nó thành giá trị âm
Hạn chế
Các tiện ích này thực sự chỉ là một phím tắt để thêm lề cho tất cả trừ mục đầu tiên trong một nhóm và không được thiết kế để xử lý các trường hợp phức tạp như lưới, bố cục bao quanh hoặc các tình huống trong đó phần tử con được hiển thị phức tạp.
Đối với những trường hợp đó, tốt hơn là sử dụng các tiện ích khoảng cách khi có thể hoặc thêm lề cho mọi phần tử có lề âm phù hợp trên phần tử gốc
Không thể ghép nối với các tiện ích phân chia
Các tiện ích
01
02
03
2 không được thiết kế để hoạt động cùng với các tiện ích phân chia. Đối với những tình huống đó, thay vào đó, hãy xem xét thêm các tiện ích lề/đệm cho trẻ emáp dụng có điều kiện
Di chuột, tập trung 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
01
02
03
3 để chỉ áp dụng tiện ích
01
02
03
4 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
01
02
03
5 để áp dụng tiện ích
01
02
03
4 chỉ ở 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à
Sử dụng các giá trị tùy chỉnh
Tùy chỉnh chủ đề của bạn
Theo mặc định, tỷ lệ không gian của Tailwind sử dụng tỷ lệ khoảng cách mặc định. Bạn có thể tùy chỉnh tỷ lệ giãn cách của mình bằng cách chỉnh sửa
01
02
03
7 hoặc
01
02
03
8 trong tệp
01
02
03
9 của mình
01
02
03
2Ngoài ra, bạn chỉ có thể tùy chỉnh tỷ lệ không gian bằng cách chỉnh sửa
01
02
03
0 hoặc
01
02
03
1 trong tệp
01
02
03
9 của mình
01
02
03
6Tìm hiểu thêm về cách tùy chỉnh chủ đề mặc định trong tài liệu
Giá trị tùy ý
Nếu bạn cần sử dụng giá trị
01
02
03
3 một lần không hợp lý để đưa vào chủ đề của mình, hãy sử dụng dấu ngoặc vuông để tạo nhanh một thuộc tính bằng cách sử dụng bất kỳ giá trị tùy ý nào Chúng tôi sử dụng thuộc tính CSS padding-left để tạo khoảng cách giữa dấu đầu dòng và văn bản. Nó được sử dụng để thiết lập vùng đệm bên trái của một phần tử
HTML hỗ trợ danh sách có thứ tự, danh sách không có thứ tự và hỗ trợ HTML danh sách có thứ tự, danh sách không có thứ tự và chúng ta phải sử dụng
- thẻ, để tạo danh sách không có thứ tự trong HTML. Các
- thẻ để bắt đầu danh sách các mặt hàng
Và đối với danh sách có thứ tự, chúng ta phải sử dụng
- thẻ, để tạo danh sách không có thứ tự trong HTML. Các
- thẻ để bắt đầu danh sách các mặt hàng
cú pháp
Sau đây là cú pháp để tạo khoảng cách giữa các dấu đầu dòng danh sách và văn bản trong HTML
801
02
03
ví dụ 1
Sau đây là ví dụ để tạo khoảng cách giữa danh sách dấu đầu dòng và văn bản trong HTML
901
02
03
Sau đây là đầu ra cho chương trình ví dụ trên
ví dụ 2
Một ví dụ khác để tạo khoảng cách giữa danh sách dấu đầu dòng và văn bản trong HTML –
001
02
03
- thẻ xác định danh sách có thứ tự. Chúng tôi sử dụng
- thẻ để bắt đầu danh sách các mặt hàng
- thẻ xác định danh sách không có thứ tự. Chúng tôi sử dụng