Tôi có một danh sách HTML như thế này:
- Coffee
- Tea
- Milk
Làm thế nào tôi có thể ẩn một vật phẩm LI và làm cho nó không chiếm bất kỳ không gian nào? Giả sử, tôi cần vật phẩm Li [cà phê] đầu tiên là vô hình, vì vậy kết quả sẽ chỉ chứa trà và sữa. Tôi đã sử dụng CSS [hoặc Style = "Tầm nhìn: Hidden"], nhưng nó vẫn chiếm một số không gian.
=======
Lưu ý: LI đầu tiên chỉ là một số mẫu được sử dụng để tạo các mục Li khác. Mẫu li được tạo trong thời gian chạy và đó là lý do tại sao tôi cần che giấu nó. Cuối cùng tôi cũng loại bỏ nó sau khi tạo ra các mặt hàng LI khác [trà và sữa], nhưng trước khi tôi tạo ra trà và sữa, cà phê vẫn có thể nhìn thấy.
============
Cảm ơn. Câu trả lời là style = "Display: none"
Hỏi ngày 24 tháng 9 năm 2015 lúc 21:54Sep 24, 2015 at 21:54
SimosimoSimo
2.1745 huy hiệu vàng27 Huy hiệu bạc44 Huy hiệu đồng5 gold badges27 silver badges44 bronze badges
Tạo một lớp và áp dụng nó cho các yếu tố mà bạn muốn ẩn. Bạn có thể làm điều đó khi bạn tạo đánh dấu hoặc thêm lớp vào từng phần tử bằng bộ chọn, như jQuery
.hide{
display:none;
}
- Coffee
- Tea
- Milk
Đã trả lời ngày 24 tháng 9 năm 2015 lúc 22:07Sep 24, 2015 at 22:07
Vu Nguyenvu NguyễnVu Nguyen
5232 Huy hiệu bạc12 Huy hiệu Đồng2 silver badges12 bronze badges
Trong CSS bạn muốn [hoặc một số bộ chọn tương tự]
ul > li:first { display: none; }
Hoặc nếu bạn thích đặt trực tiếp định nghĩa CSS trên chính phần tử
- Coffee
- Tea
- Milk
Một thực tế phổ biến khác là chỉ cần tạo một phong cách được áp dụng bởi một lớp nếu bạn muốn áp dụng phong cách này
.nodisplay { display: none; }
- Coffee
- Tea
- Milk
Sử dụng
.hide{
display:none;
}
0 sẽ loại bỏ phần tử khỏi luồng của trang và kết quả là sẽ không có khoảng trống nào có thể xảy ra khi sử dụng .hide{
display:none;
}
1"Tắt màn hình của một phần tử [nó không có tác dụng đối với bố cục]; tất cả các phần tử hậu duệ cũng tắt màn hình của chúng. Tài liệu được hiển thị như thể phần tử không tồn tại.
Để hiển thị kích thước của hộp phần tử, nhưng có nội dung của nó không thể nhìn thấy được, hãy xem thuộc tính khả năng hiển thị. "Hiển thị: Không MDN
Đã trả lời ngày 24 tháng 9 năm 2015 lúc 21:55Sep 24, 2015 at 21:55
Travis Jtravis jTravis J
79,9K40 Huy hiệu vàng201 Huy hiệu bạc267 Huy hiệu đồng40 gold badges201 silver badges267 bronze badges
Sử dụng
.hide{
display:none;
}
0 thay thế.Điều đó làm cho phần tử biến mất và không chiếm bất kỳ không gian.
Đã trả lời ngày 24 tháng 9 năm 2015 lúc 21:56Sep 24, 2015 at 21:56
HaukurhafhaukurhafHaukurHaf
13.1k5 Huy hiệu vàng42 Huy hiệu bạc57 Huy hiệu đồng5 gold badges42 silver badges57 bronze badges
Bạn có thể tạo kiểu cho nó.
...
....
Điều đó sẽ ẩn phần tử
Đã trả lời ngày 24 tháng 9 năm 2015 lúc 21:56Sep 24, 2015 at 21:56
Coder-guyCoder-guyCoder-guy
Haukurhafhaukurhaf5 silver badges16 bronze badges
13.1k5 Huy hiệu vàng42 Huy hiệu bạc57 Huy hiệu đồng
- Coffee
- Tea
- Milk
.groceries {
list-style: none;
}
Bạn có thể tạo kiểu cho nó.Oct 24, 2018 at 15:10
Điều đó sẽ ẩn phần tử
Sample.html
- Coffee
- Tea
- Milk
Sample.css
.list-hidden-item { display: none; }
3935 Huy hiệu bạc16 Huy hiệu Đồng
Sample.html
- Coffee
- Tea
- Milk
Chỉ viết bài này:Apr 12, 2021 at 4:50