Làm thế nào để tạo danh sách HTML xuất hiện mà không có dấu đầu dòng chỉ sử dụng CSS?

Question

Tôi có một danh sách HTML. Trình duyệt sẽ thấy sự tồn tại của danh sách và sắp xếp các yếu tố cho phù hợp, tuy nhiên tôi không muốn nó hiển thị một viên đạn bên cạnh mỗi phần tử. Nghĩa là, một danh sách bình thường xuất hiện như thế này:

• văn bản Một
• văn bản B
• văn bản C

Tôi muốn danh sách của tôi xuất hiện như thế này:

văn bản A
văn bản B
văn bản C

Answer 1

ul { list-style: none; } 

Đó được thoát khỏi những điểm viên đạn. Bây giờ bạn có thể đi trước và gán phong cách cho không gian những người ấy như trong ví dụ của bạn, nếu đó là những gì bạn thực sự muốn:

li { padding: 5px 0; } 

Nếu bạn cũng không muốn danh sách thụt vào sau khi loại bỏ các viên đạn, nó sẽ mất một bit, như thế này:

ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 

Nếu bạn không đặt cả margin và padding 0, nó sẽ hoặc là tìm kiếm ngay trong FF hoặc IE, nhưng không phải cả hai

Answer 2

Sử dụng

list-style:none; 

trong phong cách cho thẻ < ul>

Answer 3

kiểu danh sách-kiểu: upper-roman;

Answer 4

Ngoài ra, điều này link có một số ví dụ hay để tìm hiểu cách tạo kiểu danh sách html.

Answer 5

Ngoài ra, bạn cũng có thể sử dụng một definition list (dl, dt, dd) mà không cần điều kiện định nghĩa (dt yếu tố).

<dl> 
    <dd>text A</dd> 
    <dd>text B</dd> 
    <dd>text C</dd> 
</dl> 

Nhưng tôi nghĩ rằng ngữ nghĩa một danh sách có thứ tự (ul, li) phù hợp với mục đích cụ thể của bạn tốt hơn :) Vì vậy, đi về phía trước với chỉ một mảnh CSS tốt như được giải thích bởi Erik.

Answer 6

<ul style="list-style-type:none"></u> 

Bằng cách đặt kiểu kiểu thành không có dấu đầu dòng sẽ không hiển thị.