2012-09-16 44 views
12

Tôi đã đặt list-style-type trong CSS, nhưng vì một lý do nào đó, nó không hiển thị nó.Kiểu danh sách CSS không hoạt động

body { 
 
    margin: 0; 
 
} 
 
ol { 
 
    list-style-type: decimal; 
 
    padding-left: 0; 
 
}
<ol> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
</ol>

+3

Kiểm tra lề và lề của bạn ... – yckart

Trả lời

46

Do reset đệm của bạn, những con số thực sự tắt bên trái của trang. Hãy thử thêm:

list-style-position: inside; 
4

Số thập phân là mặc định cho "ol". Không cần phải khai báo. Ngoài ra các con số ở đó chỉ rơi xuống bên cạnh trang, tức là vô hình. Điều chỉnh padding của bạn và thoát khỏi tuyên bố thừa. See here

+0

Cảm ơn lời khuyên. Tôi luôn nghĩ rằng một số trình duyệt sử dụng các kiểu khác nhau và kiểu kiểu ol có thể khác nhau, đó là lý do tại sao tôi đặt nó ở đó. – SeinopSys

+2

từ w3c "Các danh sách có thứ tự và không theo thứ tự được hiển thị theo cách giống hệt nhau ngoại trừ số đại lý người dùng trực quan được sắp xếp theo thứ tự danh sách. Các tác nhân người dùng có thể trình bày các số đó theo nhiều cách khác nhau. Các mục danh sách không được xếp thứ tự không được đánh số." – noel

+0

Nếu anh ta xảy ra trước khi sử dụng tệp đặt lại CSS, ol có thể được đặt thành một giá trị khác – iBorg

12
display:list-item; 
list-style-position:outside; 

Nó có thể cung cấp cho vấn đề nếu danh sách display: thuộc tính được thiết lập để một số điều khác hơn display:list-item;

0

chỉ loại bỏ "display: block;" từ phần tử li của bạn

2

Nếu không có gì trong số này hoạt động, hãy đảm bảo bạn không có các phần tử được đánh dấu rõ ràng là khối hiển thị bên trong LI. Nó chỉ xảy ra với tôi với một H4 A thiết lập như là khối bên trong LI. Tôi sắp từ chức

Các vấn đề liên quan