Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 多列列表_Html_Css - Fatal编程技术网

Html 多列列表

Html 多列列表,html,css,Html,Css,我有一个包含10(li)个元素的列表。这些以单列显示 若我固定了那个列表的高度,那个么我怎么能在两列或三列中显示它呢 你可以检查这个问题这个问题以前问过。请参阅关于的讨论。还有一个有用的解决方案,涵盖了实现这一点的六种方法。有一个CSS3解决方案,但它还没有被浏览器广泛实现。请参阅此示例,使用CSS属性列计数: 目前只适用于FF、Safari和Chrome。否则,您将不得不使用javascript或将列表分成两个列表 -编辑- 其他答案中链接的float变量非常简洁,我不知道这一点。您可以非常

我有一个包含10(li)个元素的列表。这些以单列显示


若我固定了那个列表的高度,那个么我怎么能在两列或三列中显示它呢

你可以检查这个问题

这个问题以前问过。请参阅关于的讨论。还有一个有用的解决方案,涵盖了实现这一点的六种方法。

有一个CSS3解决方案,但它还没有被浏览器广泛实现。请参阅此示例,使用CSS属性
列计数

目前只适用于FF、Safari和Chrome。否则,您将不得不使用javascript或将列表分成两个列表

-编辑-
其他答案中链接的float变量非常简洁,我不知道这一点。

您可以非常轻松地使用,例如将一个ul和一个.mylist类拆分为5列

$(document).ready( function () {
  $('.mylist').cols(5);
});

这是一个

链接已断链接:(这里是一个如何在jquery中执行此操作的实时示例:使用此jquery插件:应该是列计数,而不是列表计数。你是对的,奇怪的是,这么长时间没有注意到它。修复了!