CSS3多列布局IE解决方法

Rob*_*nik 14 css layout internet-explorer css3 css-multicolumn-layout

今天我偶然发现了一个非常棒的项目(CSS3 PIE),即使在使用CSS设置和常用CSS3表示法的IE6,IE7和IE8中也可以使用CSS3圆角,阴影和渐变.

它使用*.htc文件来实现技巧,并使其对开发人员来说非常透明(如设置它并忘记它 - 在创建新页面或更改现有页面时没有额外的脚本调用(假设您不更改CSS)).

我想知道可以使用的多列布局是否有类似的东西.浮动不是一种选择,因为内容不是从上到下排列 - 从左到右,而是从左到右 - 从上到下......

有人为CSS3多列布局开发类似的东西吗?

thi*_*dot 8

也许Columnizer jQuery插件

不幸的是,它没有解析你的样式表并寻找像CSS3 PIE那样的相关属性(一个非常方便的功能).

CSS3 PIE和该插件都依赖于JavaScript.


Rob*_*nik 5

应按列顺序流动的列表的另一种解决方案(如在电话簿中)

我问这个问题主要是因为我必须显示大约1000个用户的列表.这种列表很长,涉及很多滚动.所以我需要一个解决方案来将这些用户放在列中,这样它们也可以从左到右依次从上到下逐列流动.CSS3多列布局提供了我所需要的,但浏览器支持是问题所在.他们仍然不支持IE9,我的用户主要使用IE(8或9).因此我需要一个使用CSS2.1的解决方案

这就是我编写一个jQuery插件的原因,该插件采用了一组设置为float: left/right;或者display: inline-block;转换它们的元素,因此它们按照列布局的顺序排序.

插件重新排序元素,不添加任何列包装或任何东西.它只是重新排列元素,因此它们似乎在列而不是行中流动.

您可以查看我的博客文章详细问题,您还可以看到重新安排/转置美国各州的工作示例.或者您也可以在GitHub上观看项目并在新版本发布时获取更新(或报告您可能遇到的问题).