Hướng dẫn how do i hide a list item in html? - làm cách nào để ẩn một mục danh sách trong html?

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

 
Coffee
 
Tea
 
Milk
    

Sử dụng

.hide{
  display:none;  
}

.hide{
  display:none;  
}

"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;  
}

Đ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

  
  
Tea
  
Milk

Chỉ viết bài này:Apr 12, 2021 at 4:50

Làm cách nào để ẩn thẻ danh sách trong HTML?

Làm cách nào để ẩn một mục danh sách trong CSS?

Làm cách nào để ẩn văn bản trong HTML?

Tôi có thể ẩn một div trong html không?