HTML: 在多列中拆分列表

Question

虽然有很多这样的问题，但其中 none 描述了我的问题：我有这个列表：

<ul>
  <li>Burger</li>
  <li>Fries</li>
  <li>Coke</li>
</ul>

该列表从数据库中获取数据，其中还包括价格。

现在我需要一个列表，它还可以在另一列中显示价格，例如：

1. Burger    |  6.99$
2. Fries     |  2.99$
3. Coke      |  1.99$

但是如果列表太长，我发现的所有问题都是关于多列的。

有什么方法可以达到我的目标吗？

Answer 1

列表不是那样设计的，我猜你可以实现某种 hacky 方式来制作多列列表，或者你可以使用 table:

<table>
  <tr>
    <th>Item</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>Burger</td>
    <td>.99</td>
  </tr>
  <tr>
    <td>Fries</td>
    <td>.99</td>
  </tr>
   <tr>
    <td>Coke</td>
    <td>.99</td>
  </tr>
</table>

HTML: 在多列中拆分列表

HTML: Split list in multiple Columns

html

list

multiple-columns