css - 一种自动将内容流入列的方法?

标签 css multiple-columns

我正在寻找一种方法,当它检测到高度不足以容纳元素时,内容会自动流入下一列。

我知道这可以在 CSS3 中使用列来完成,但遗憾的是 IE 用户将无法使用它。

我是否通过 CSS 缺少另一种方式?

伪代码:

我有一个 400 像素高度的容器,其中包含列表元素,并且列表元素的高度不是固定的,因为有些列表的内容比其他列表多。当列表元素的总高度超过 400px 时,它将被隐藏。相反,我希望它流到下一栏并再次从上到下......

谢谢。

最佳答案

您可以使用 polyfill 来支持 IE 并仍然使用 CSS3 列。

这是一个huge list of HTML5 polyfills , 和 CSS3 - Multi Column Layout polyfill应该可以解决您的问题。

关于css - 一种自动将内容流入列的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14206583/

相关文章:

php - 带有 php 循环的 CSS onmouseover 画廊

html - 自定义字体仍然不能在 IE 中工作

javascript - 从 iframe 本身中删除父 iframe

html - html 链接中的列

css - 出现带有 css 转换的 div 类?

在 Firefox 中使用无序列表时 CSS 列失败 (27)

css - 屏幕中间的 HTML 列

javascript - 用于循环显示/隐藏复选框和列表的 Jquery 函数

SQL 多列排序

html - 如何模仿谷歌的粗红色下划线文本装饰