2010-12-08 6 views
5

주문 목록 <ol> 및 각 목록 항목 <li> 출력을 1로 사용하려고했습니다. 2. 3. ... 등 ... 출력을 1) 2) 3) ... 등으로 지정할 수 있습니다. 이 일을 끝내라?맞춤 주문 목록 형식

답변

9

,하지만 더 많은 최신 브라우저 (크롬, 사파리, 파이어 폭스와 오페라)

+0

은 IE7에서 작동하지 않습니다. – FDisk

+0

@FDisk : 예, 첫 문장을 읽었습니까? IE 10 및 * 가능 *, IE 9에서 작동해야한다고 상상합니다 (테스트를 위해 액세스 할 수는 없지만). –

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 *를 게시 했습니까? 아마도 내 자신을 삭제 했으므로 매우 지각이났습니다. –

+0

고마워, 나는 그 대답을 미래에 고려할 것이다. –