嵌套列表,混合数字和项目符号的Html

时间:2015-03-27 16:17:17

标签: html nested-lists

我需要尽量使用html来接近下面的示例。我可以获得顶级编号列表和下一级子弹点,但无法弄清楚如何获得最大缩进级别的子弹点。

如果可以,请告诉或指出我正确的语法。谢谢!

我必须使用" _" s才能让格式在预览中看起来正确。

  1. 顶级点
    _•辅助点
    ___•子点
    _•下一次补贴。点
  2. 下一个顶级点

5 个答案:

答案 0 :(得分:0)

如果我理解你的问题,我认为这就是你要找的:jsfiddle

<ol>
    <li>List item one</li>
        <ul>
            <li>Subitem 1</li>
        <ul>
            <li>Sub-Subitem 1</li>
        </ul>
        <li>Subitem 2</li>
        </ul>
    <li>List item two with subitems:</li>
</ol>

答案 1 :(得分:0)

试试这个

<ol>
<li>item 1</li>
<li>item 2
<ul>
    <li>Sub-item 1</li>
    <li>Sub-item 2</li>
    <li>Sub-item 3
    <ul>
    <li>sub-Subitem 1</li>
    <li>sub-Subitem 2</li>
    </ul>
    </li>
</ul>
</li>
<li>item 3</li>

答案 2 :(得分:0)

<ol>
<li>
    Top level point
    <ul style="list-style: disc;">
        <li>
            A subsidiary point
            <ul style="list-style: disc;">
                <li>Sub point</li>
            </ul>
        </li>
        <li>Next subsid. point</li>
    </ul>
</li>
<li>Next top level point</li>

这是怎么回事?应该正是你所描述的。 http://jsfiddle.net/hqtj1cvL/7/

答案 3 :(得分:0)

这是你要找的吗?

<ol>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <ul>
        <li>one</li>
    <li>two</li>
        <ul>
            <li>one</li>
    <li>two</li>
            <li>three</li>
        </ul>
    <li>three</li>
    </ul>
    <li>four</li>
</ol>

答案 4 :(得分:0)

我想这可能会有所帮助

<ol>
    <li>Outer 1
        <ul type="disc">
            <li>Inner 1
                <ul  type="disc">
                    <li>Sub Inner 1 </li>
                </ul>
              </li>
            <li>Inner 2</li>
        </ul>
    </li>
    <li>Outer 2</li>
</ol>