html - 显示未知数量的元素

标签 html css

我需要在菜单中显示“x”个类别(基本上是一个隐藏的 div,当有人单击名为“类别”的导航菜单时弹出)。 div 没有问题,但我正在努力在 div 中以任何形式的顺序排列类别。我不希望它是一个单列列表,一直延伸到页面,所以我想要一个多列列表或其他东西。我听说多列列表存在兼容性挑战并且难以处理。我还有哪些其他选择?

类似于 http://www.answerbag.com/ 的类别列表

谢谢

最佳答案

我正在写一个答案,但这篇文章做得更好:

http://www.alistapart.com/articles/multicolumnlists/

它涵盖了许多不同的选项,包括在 answerbag 中使用的 float 方法,以及一两个在语义上更合理但仍按列而不是按行排序的方法。

关于html - 显示未知数量的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3314028/

相关文章:

html - 关于在 HTML5 Canvas 背景上叠加两个 div 的问题

javascript - 如何根据浏览器选择 `window.URL.createObjectURL()`和 `window.webkitURL.createObjectURL()`

c# - 中继点击按钮触发 ASP.NET 文件上传

HTML & CSS 选择左侧边栏子菜单的元素

javascript - 如何防止下拉菜单在用户单击时关闭?

javascript - 在 html 表单中的操作之前调用 javascript 函数

javascript - Bootstrap 4 导航栏不折叠

html - 我怎样才能在浏览器之间始终将 css 居中?

jquery - 在 fontawesome 中堆叠图标

javascript - 通过切换打开的左侧菜单的代码