两个不同容器中的相同列表

Question

我们可以在两个不同的列中显示单个列表，即两个不同的容器或单个div但不同的列？

<div>
<ul>
<li>HTML</li>
<li>CSS</li>
</div>
<div>
<li>javascript</li>
<li>jquery</li>
</div>

我希望上面显示为：

HTML javascript CSS jquery

第一列中的元素也可能不同，如果元素减少，则第二列中的元素必须占据整个空间。

Answer 1

不，你不能（编辑：在建议的HTML中删除中间的列表）。你可以做的是创建两个单独的列表，但是如果你想要的是列表显示为：

1. HTML 2. javascript 3. CSS 4. jquery

我无法理解你为什么不按顺序放置项目并将li显示为'inline`？

如果您确实希望列表显示为：

1. HTML 3. JavaScript
2. CSS 4. jQuery

项目的顺序是“1. HTML，2。CSS，3。JavaScript，4。jQuery”您需要在column-count: 2上使用ul。这会将列表项放在前两列将位于左列的列中，将最后两项放在右列中。 column-count仅适用于现代浏览器，因此对于其余部分，您需要使用float或inline-block，这会使列表显示为：

1. HTML 2. CSS
3. JavaScipt 4. jQuery