我需要循环访问下拉菜单的一系列链接。
下拉菜单是固定高度的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/