Cách giảm khoảng cách giữa các mục danh sách css
|
Nếu các phần tử của bạn có thứ tự ngược lại (ví dụ như sử dụng 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 chiaCác tiện ích áp dụng có điều kiệnDi chuột, tập trung và các trạng thái khácTailwind 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 Để 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 Để 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ỉnhTùy chỉnh chủ đề của bạnTheo 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 Ngoài ra, bạn chỉ có thể tùy chỉnh tỷ lệ không gian bằng cách chỉnh sửa Tì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ị 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
|
