html로 주문 목록

나는 html로 이용 약관 페이지를 만들어야하므로 번호를주고 싶지만 일부 조건에는 하위 포인트가 있으므로 아래 예와 같이 표시하고 싶습니다.html로 주문 목록

날 제 포인트

1.1 내게 서브 포인트
내게 번째 점
내게 번째 포인트
내게 항

4.1 나에게 하위 포 인 t는

당신이 CSS를 카운터와 함께 할 수

<style> 
ol {list-style:decimal} 


</style> 
</head> 

<body> 
<ol> 

<li>me the first point 
<ol><li>me the sub point</li></ol> 

</li> 
<li>me the second point</li> 
<li>me the third point</li> 
<li>me the forth point</li> 


</ol> 

</body>

출처

2012-04-12 Carlos

답변을 찾을 수 있습니다 - http://stackoverflow.com/questions/956178/html-css-outline-numbering 여기 - http://stackoverflow.com/questions/1852816/nested-ordered-lists –

이 경우 CSS 카운터 증분을 사용할 수 있습니다. 같이 쓰기 :

body{ 
    counter-reset: chapter 0; 
} 
li{ 
    counter-reset: sub-chapter 0; 
    margin-left:20px; 
    position:relative; 
} 
li:before{ 
    counter-increment: chapter; 
    content: counter(chapter) ". "; 
} 
li li:before{ 
    counter-increment: sub-chapter; 
    content: counter(chapter) "." counter(sub-chapter) ": "; 
} 
li:before{ 
    position:absolute; 
    left:-20px; 
}

확인 위의 IE8 &까지이 http://jsfiddle.net/gNqXL/

그것의 일을.

출처

2012-04-12 04:08:30 sandeep