如何在 HTML 中使用列表样式（方形、圆形等）在一行中打印事物列表？

Question

我正在尝试打印 HTML 列表中的一些内容。我尝试了几件事，但都没有奏效！假设我有一个（红色、绿色、黄色、黑色、蓝色和紫色）​​列表，我使用 ul 和 li 列出它们，例如：

• 红色。
• 绿色。
• 黄色。
• 黑色。
• 蓝色。
• 紫色。

但我想将列表打印成如下所示：

- Red.           - Green.          - Yellow.
- Black.         - Blue.           - Purple.

Answer 1

list-style-type CSS property 可用于更改子弹类型。至于按行打印项目，可以使用clear和float；

li {
  list-style-type: square;
  float: left;
  width: 100px;
}

li.row-start {
  clear: left;
}

<ul>
  <li>Item one</li>
  <li>Item two</li>
  <li>Item three</li>
  <li class="row-start">Item four</li>
  <li>Item five</li>
  <li>Item six</li>
</ul>