Question

如何在HTML中创建2列项目符号列表？我知道我可以用来创建一个项目符号列表，但是如何在它旁边直接创建一个单独的列来创建一个完全不同的项目符号列表呢？

<ul>
    <li></li>
    <li></li>
</ul>

Answer 1

将其嵌入表格的一种方法：

    <table>
    <tr>
      <td>
        <ul>
            <li>First</li>
            <li>List</li>
        </ul>
      </td>
      <td>
        <ul>
            <li>Second</li>
            <li>List</li>
        </ul>
      </td>
    </tr>
    </table>

DEMO

Answer 2

另一种方法是将每个ul放在div中，然后浮动div。 Plunker - http://plnkr.co/edit/Ot1VwmETyXO5iJeCevTm?p=preview

<div style="float:left;">
<ul>
<li>One</li>
</ul>
</div>

<div style="float:left;">
<ul>
<li>Two</li>
</ul>
</div>

创建两列项目符号列表

2 个答案: