2010-12-08 3 views
5

Я попытался использовать отсортированный список <ol> и каждый элемент списка <li> выходы как 1. 2. 3. ... и т. Д., Я хочу, чтобы результат был 1) 2) 3) ... и т. Д., Может это будет сделано?Формат заказа по заказу

ответ

9

Вы можете, но только с более уточненный браузеров (Chrome, Safari, Firefox и Opera будет работать):

ol { 
    counter-reset: listCounter; 
} 
ol li { 
    counter-increment: listCounter; 
} 
ol li:before { 
    content: counter(listCounter) ")"; 
} 
2

Вы можете сделать это с помощью счетчика CSS и псевдо элементы:

ol li{ 
 
    list-style: none; 
 
    counter-increment: myIndex; 
 
} 
 

 
ol li:before{ 
 
    content:counter(myIndex)") "; 
 
}
<ol> 
 
    <li>test</li> 
 
    <li>test</li> 
 
    <li>test</li> 
 
    <li>test</li> 
 
    <li>test</li> 
 
</ol>

+0

+1 для ответа. Я согласен с, размещен впереди меня (ответ на iPhone занимает так много времени ...). Если бы вы разместили свой демо/пример CSS * здесь *, я бы, вероятно, удалил свой собственный, так что очень запоздалый, ответьте в знак уважения к вашему. – 2010-12-08 16:09:39

+0

Спасибо, я буду считать это в будущих ответах. – 2010-12-08 16:21:49

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