HTML/CSS 개요 번호 매기기

Question

html/css에서이 작업을 수행 할 수 있습니까?

1. 
1.1 
1.2 
2. 
2.1 
2.2 

LI 및 UL 태그 사용?

Answer 1

예는 다음을 참조하십시오 https://developer.mozilla.org/en/CSS_Counters 를하지만 그 일의 더 크로스 브라우저 방법은 없습니다/

Answer 2

모든 브라우저에서 작동하지 않습니다.

는 중첩 달성 할 수있는 최선의 나열 순서 :

<ol> 
    <li>Item 1 
     <ol> 
      <li>Subitem 1</li> 
     </ol> 
    </li> 
</ol> 

을 한 후 다른 유형이 각 중첩 된 목록의 스타일이 도움이

ol { 
    list-style-type: upper-roman; 
} 
ol ol { 
    list-style-type: decimal; 
} 

희망을!

Answer 3

OL/UL 대신 DL/DT/DD를 사용하고 DT의 값을 하드 코드 해보십시오.

Answer 4

CSS 2.1은 요소를 계산하는 데 사용할 수있는 사용자 정의 가능 카운터를 제공합니다. : before 및 : after 가상 클래스와 결합하여 카운터 값을 출력하여 자동으로 번호 매기기 된 제목을 만들 수 있습니다.

아쉽게도 Internet Explorer는 최신 버전에서도이 기능을 지원하지 않습니다. 하지만 적어도 Firefox는이 기능을 매우 잘 지원하므로 지원되지 않는 사이트를 사용할 수 없게 만드는 확장 기능으로 추가하려는 경우에도 여전히 사용할 수 있습니다.

Answer 5

CSS2 호환 브라우저의 위해 당신은

ul { counter-reset:item; } 
ul > li { counter-increment:item; } 
ul > li:before {content: counter(item); } 

ul > li > ul { counter-reset:subitem; } 
ul > li > ul > li { counter-increment:subitem; } 
ul > li > ul > li:before { content: counter(item) "." counter(subitem); } 

Answer 6

http://www.w3.org/TR/CSS2/generate.html

를 사용할 수 있습니다하지만, 그래,이 최신 브라우저만을위한 것입니다. 중첩 된 OL은 아마 갈 길입니다.

Answer 7

html 코드 :

<ul> 
    <li>1 </li>   
    <li>1.1</li>  
    <li>1.2</li>  
    <li>2 </li>     
    <li>2.1</li> 
    <li>2.2</li> 
</ul> 

CSS 코드 : 자바 스크립트의

li { list-style:none; } 

Answer 8

한 줄이 작업을 수행합니다. 목차에서 사용 :

<td class="session"> 
<script> 
{document.getElementsByClassName("session")[num].innerHTML = "1." + (++num);} 
</script> 
</td> 

납입 상류 적절한 장소에서 0으로 초기화 문서의 전역 변수입니다. 위의 예는 첫 번째 인스턴스에서 1.1을 생성합니다. num ++으로 변경하고 1.0을 얻으십시오.