ngang Ordered List (và IE)

Question

tôi đang tìm cách để tạo ra một sản lượng tương tự như sau:

1. One  2. Two  3. Three  4. Four 

từ Mã HTML sau

<ol> 
    <li>One</li> 
    <li>Two</li> 
    <li>Three</li> 
    <li>Four</li> 
</ol> 

Dường như Internet Explorer không muốn hiển thị số của (danh sách các mục) khi bạn thả phao để làm cho chúng nằm ngang.

Có ai gặp phải điều này và tìm thấy giải pháp tôi có thể sử dụng không?

Answer 1

Mã này hoạt động trên mọi trình duyệt mà tôi đã thử nghiệm. Nếu bạn chưa tìm thấy câu trả lời, đề xuất về câu trả lời phổ biến nhất là hợp lệ. Chỉ cần điều chỉnh chiều rộng của bạn nếu bạn muốn nó quấn.

<ol style="list-style-type:decimal; width: 600px;"> 
    <li style="float: left; width: 200px; padding: 2px 0px;">Test</li> 
    <li style="float: left; width: 200px; padding: 2px 0px;">Test</li> 
    <li style="float: left; width: 200px; padding: 2px 0px;">Test</li> 
</ol> 

ol.horizontal{ 
    list-style-type: decimal; 
    width: 600px; 
} 

ol.horizontal li{ 
    float: left; 
    width: 200px; 
    padding: 2px 0px; 
} 

<ol class="horizontal"> 
    <li>Test</li> 
    <li>Test</li> 
    <li>Test</li> 
</ol> 

Answer 2

css:

li { display:inline; } 

Answer 3

Bạn có thể sử dụng CSS này?

li {display: inline} 

EDIT: Điều này không duy trì việc đánh số mục, và tôi không biết về bất kỳ phương pháp nào. Để thay thế, tôi đoán tất cả những gì bạn có thể làm là chèn các số bằng tay, cho đến khi các trình duyệt được hỗ trợ tốt hơn cho các bộ đếm CSS.

Answer 4

bạn không thể đặt chiều rộng trên các phần tử nội tuyến. vì vậy tôi thường kết thúc nổi họ thay vì

li 
{ 
    float: left; 
    width:30px; 
} 

Answer 5

Tôi đã thử mọi tài sản display trên this page và không ai trong số họ giữ gìn những con số danh sách đặt hàng khi hiển thị danh sách theo chiều ngang trong IE (cũng không được bảo quản trong Firefox, Opera hoặc Safari cho Windows - và bằng cách mở rộng có thể là Google Chrome, mặc dù tôi thừa nhận tôi đã không kiểm tra mọi thuộc tính display ở đó).

Các giải pháp duy nhất (một phần - trong Firefox chỉ) hoạt động là Al W's answer.

Tôi nghĩ rằng nếu bạn muốn có một danh sách được đánh số theo chiều ngang, bạn sẽ phải tạo ra nó trên máy chủ hoặc thao tác danh sách trên máy khách sử dụng JavaScript để lắp lại những con số.

Answer 6

Tôi đã tìm thấy this page about IE hasLayout hữu ích. Nó bao gồm thảo luận về định dạng danh sách đó (liên kết trỏ đến phần danh sách của trang)

Answer 7

Được rồi, bạn cần thêm thuộc tính kiểu float, chiều rộng và kiểu danh sách vào css. Trông như thế này:

 
li{ 
    float:left; 
    width:50px; 
    list-style-type:decimal; 
} 

Gushiken