13

可能重复:
制作 HTML 嵌套列表的正确方法?

我想在 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>

但是根据制作HTML嵌套列表的正确方法?这不是正确的方法。“正确”的方式产生了这个:

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

那么,有没有一种合适的方法来嵌套有序列表而不会出现嵌套列表的额外数字?

4

3 回答 3

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

    1. 内一
    2. 内二

<ul>适用于 *u* 无序列表。

于 2012-09-24T22:57:13.957 回答
2

我想,你正在寻找这个:

<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
于 2012-09-24T22:57:08.753 回答
-3

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

<ol>
  <li>one</li>
  <li>two</li>
  <ol>
      <li>inner 1</li> 
      <li>inner 2</li>
  </ol>
  <li>three</li>
</ol>
于 2012-09-24T23:03:07.547 回答