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

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

我不明白为什么您只是不只是按顺序放置项目并将lis 显示为“内联”？

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

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