javascript - 如何在 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>