jquery - li 标签的垂直和水平编号

Question

抱歉，我不确定如何称呼标题。

我正在使用 joomla 并有一个菜单创建一个 ul 标签和许多 li。在每个 li 标签中都有一个指向页面的链接。我选择给我的 li 标签编号。

现在的顺序是这样的:

如何使用 CSS/html 或任何其他解决方案？

Answer 1

如果您不太关心浏览器的向后兼容性，您可以使用 CSS 列:

ul {
    column-count: 3;
    column-gap: 5px;
}

ul li {
    display:block;
}

这应该可以大致满足您的需求，但它在 IE9 或更早版本中不起作用。不过，您现在应该已完全支持 Chrome、Firefox 和 Safari。

此处引用:http://www.w3schools.com/css/css3_multiple_columns.asp