html - 无序列表帮助

标签 html css html-lists

我需要循环访问下拉菜单的一系列链接。

下拉菜单是固定高度的div。我需要链接从左上角开始向下填充 div,然后当列处于最大高度(由周围的 div 设置)时,它将从上向下开始一个新列,如下所示。

link one    link four   link seven  
link two    link five   link eight
link three  link six    link nine

我正在尝试使用 <ul> <li></li> </ul>但我无法理解我将如何设计它?如果我将它向左浮动,它将向左对齐,如果我不这样做,它就不会向左浮动以开始新的一列?

它是一个 LIQUID 文件,所以我受限。 (液体是 Shopify 模板文件类型)

最佳答案

您可以使用 CSS3 列来完成此操作:http://www.quirksmode.org/css/multicolumn.html

否则,您需要将您的行包装在一个包含元素中,该元素的高度为您的 div 并 float 它们。

我能看到的唯一其他方法是使用一些 JavaScript,但如果您不使用 CSS3 列,您仍然可能需要插入某种额外的标记来完成此操作。

关于html - 无序列表帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5370063/

相关文章:

html - oninput()在选择上不起作用

html - 如何使CSS高度为: 100% take effect in a varying height container?

javascript - protected HTML/CSS for js?我无法在运行时更改某些属性

css - 如何将鼠标悬停在图像上并制作和更改链接颜色?

html - 不同的列表项

html - 如何将子导航从主导航中推出?

javascript - 许多文本区域无法正常工作 - JQuery

css - 在 Twitter Bootstrap 中定位 div 视口(viewport)的整个宽度

css - 为什么这个 Bootstrap 布局在 jsfiddle 中不起作用?

jquery - 使用 jQuery 在每个第二个 <span> 标签周围添加 li 元素