display: list-item не работает должным образом в Firefox?

Я почти уверен, что это где-то задокументировано, но мой Google и глядя на mdn не дали мне ничего существенного.display: list-item не работает должным образом в Firefox?

Рассмотрим следующий пример:

<doctype html> 
<html> 

    <head> 
    <title>Array test</title> 
    </head> 

    <body> 
    <style scoped> 
     div { 
     margin: 20px; 
     padding: 20px; 
     display: list-item; 
     list-style-type: decimal; 
     } 
    </style> 

    <div>one</div> 
    <div>two</div> 
    <div>three</div> 
    <div>four</div> 
    </body> 

</html>

Если вы сделать его в Chrome или Safari, или любой браузер WebKit я мог бы получить мои руки на DIV будут пронумерованы 1, 2, 3, 4. Но в Firefox все предметы будут 0.

Есть ли способ обойти это? В чистом CSS?

ТИА

источник

2012-02-17 Marc Boivin

Возможно, это не относится к вашей проблеме, но '' не является допустимым doctype. Вам не хватает '!' В ''. – thirtydot

Если вы хотите использовать чистое решение CSS, вы можете явно использовать счетчик CSS, верно?

источник

2012-02-18 06:23:18

Я нашел post и site (раздел L), что обратите внимание, что это (было) ошибка в Firefox.

Единственное решение, которое я нашел, что div предметы должны быть обернуты в ol: http://jsfiddle.net/Rvux3/3/, что, конечно же, не является чистым решением CSS и не будет проверять (вы можете также использовать li пункты, если вам будут иметь ol).

источник

2012-02-18 03:17:26 ScottS

Спасибо за ссылку. Я не могу прикоснуться к HTML, но css counter это! –

display: list-item не работает должным образом в Firefox?

ответ

Смежные вопросы