如何以如下图所示的方式抑制 DIV（具有定义的宽度和高度）中的单词而不弄乱顺序？
如果在 DIV 中没有运气，我应该怎么做才能解决这个问题？
问问题
56 次
2 回答
2
您可以使用column-count这里的小提琴：http: //jsfiddle.net/X3XtK/1/
现在看到你的评论了。如果您需要将每列限制为最多 6 个项目并且项目数量未知，那么column-count将很棘手。我认为您必须将它们分组到标记中（例如，将每组 6 个放在自己的组中div，然后将它们浮动）。
于 2012-04-05T07:57:56.063 回答
1
您可以使用一个小的 jQuery 脚本来完成。看到这个小提琴：http: //jsfiddle.net/GlauberRocha/ZwY7q/
我把它做成了一个列表而不是一个div（但你可以很容易地修改它）。在我的示例中，项目最初位于无序列表 ( ul) 中。它们以 6 x 6 递归方式取出并放入一个新的有序列表 ( ol) 元素，该元素是浮动的。
如果您可以在原始标记中对元素进行分组（如@powerbuoy 建议的那样），那很好，但是使用 JavaScript 进行分组有两个优点：
- 你保持你的 HTML 标记简单和“语义”，
- 可以动态设置行数（在我的示例中，它作为参数传递给函数）
于 2012-04-05T08:53:42.780 回答