HTML嵌套有序列表

时间:2012-09-24 22:54:37

标签: html

  

可能重复:
  Proper way to make HTML nested list?

我想在HTML中生成以下内容:

1. One
2. Two
  1. Inner One
  2. Inner Two
3. Three

一种方法是

<ol>
  <li>One</li>
  <li>Two</li>
  <ol>
    <li>Inner One</li>
    <li>inner Two</li>
  </ol>
  <li>Three</li>
</ol>

但根据Proper way to make HTML nested list?,这不是正确的方法。 “正确”的方式产生了这个:

1. One
2. Two
3.
  1. Inner One
  2. Inner Two
4. Three

那么,是否有一种正确的方法来嵌套有序列表而不会为嵌套列表出现额外的数字?

3 个答案:

答案 0 :(得分:20)

<ol> 
  <li>One</li> 
  <li>Two
    <ol> 
      <li>Inner One</li> 
      <li>inner Two</li> 
    </ol>
  </li>
  <li>Three</li> 
</ol> 

给出

      
  1.   
  2. 两个
          
    1. Inner One
    2.     
    3. 内在的两个
    4.   
  3.   
  4. <ul>用于* u *规范列表。

答案 1 :(得分:1)

我想,你正在寻找这个:

<ol>
  <li>One</li>
  <li>Two
  <ol>
    <li>Inner One</li>
    <li>inner Two</li>
  </ol>
  </li>
  <li>Three</li>
</ol>

输出到:

1. One
2. Two
   1. Inner One
   2. Inner Two
3. Three

答案 2 :(得分:-2)

如上所述,您只需要一个有序列表

<ol>
  <li>one</li>
  <li>two</li>
  <ol>
      <li>inner 1</li> 
      <li>inner 2</li>
  </ol>
  <li>three</li>
</ol>