我想在列中显示嵌套列表,这在页面页脚中经常使用。

<ul>
    <li>
        Header 1
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
        </ul>
    </li>
    <li>
        Header 2
        <ul>
            <li>Item 1.2</li>
            <li>Item 2.2</li>
        </ul>
    </li>
</ul>


我希望结果看起来像:

Header 1         Header 2
Item 1           Item 1.2
Item 2           Item 2.2


我一直在玩display:inlinedisplay:block一段时间,无法正确显示它。

最佳答案

也许:

<ul>
    <li style="float:left;">
        Header 1
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
        </ul>
    </li>
    <li style="float:left;">
        Header 2
        <ul>
            <li>Item 1.2</li>
            <li>Item 2.2</li>
        </ul>
    </li>
</ul>

关于css - CSS将列表嵌套到多列中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19303539/

10-12 04:01
查看更多