Html 多列列表
我有一个包含10(li)个元素的列表。这些以单列显示Html 多列列表,html,css,Html,Css,我有一个包含10(li)个元素的列表。这些以单列显示 若我固定了那个列表的高度,那个么我怎么能在两列或三列中显示它呢 你可以检查这个问题这个问题以前问过。请参阅关于的讨论。还有一个有用的解决方案,涵盖了实现这一点的六种方法。有一个CSS3解决方案,但它还没有被浏览器广泛实现。请参阅此示例,使用CSS属性列计数: 目前只适用于FF、Safari和Chrome。否则,您将不得不使用javascript或将列表分成两个列表 -编辑- 其他答案中链接的float变量非常简洁,我不知道这一点。您可以非常
若我固定了那个列表的高度,那个么我怎么能在两列或三列中显示它呢 你可以检查这个问题这个问题以前问过。请参阅关于的讨论。还有一个有用的解决方案,涵盖了实现这一点的六种方法。有一个CSS3解决方案,但它还没有被浏览器广泛实现。请参阅此示例,使用CSS属性
列计数
:
目前只适用于FF、Safari和Chrome。否则,您将不得不使用javascript或将列表分成两个列表
-编辑-
其他答案中链接的float变量非常简洁,我不知道这一点。您可以非常轻松地使用,例如将一个ul和一个.mylist类拆分为5列
$(document).ready( function () {
$('.mylist').cols(5);
});
这是一个链接已断链接:(这里是一个如何在jquery中执行此操作的实时示例:使用此jquery插件:应该是列计数,而不是列表计数。你是对的,奇怪的是,这么长时间没有注意到它。修复了!