css – IE替代列计数和列间隙

前端之家收集整理的这篇文章主要介绍了css – IE替代列计数和列间隙前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有一个IE替代使用列计数和列间差?

我已经使这个post关于创建一个列表,为每个第五个元素自动创建一个新的列. Leniel提出了一个使用列数和列间差的解决方案,但IE不支持这种解决方案.我正在寻找一个回落的解决方案.

解决方法

我发现这是: Multi-column Layout with CSS3.阅读标题为CSS3多列浏览器支持的部分.它说明如下:

If you need to support browsers that don’t have multi-column support,
then you should have a fallback option for those browsers. Here is how
you can do it with the 07001 script…

>在任何其他样式表之后,将以下SCRIPT标签放入HEAD中:

<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script>

>在上面的行上添加另一个SCRIPT,内容如下:

<script>
Modernizr.load({
  test: Modernizr.csscolumns,yep: 'columns.css',nope: 'no-columns.css'
});
</script>

>创建一个包含多列CSS的CSS样式表,并将其另存为同一目录中的columns.css.
>创建一个CSS样式表,其中包含您的后备CSS(例如带有float的列),并将其保存为同一目录中的无columns.css.
在IE和Chrome,Safari或Opera中测试您的页面.

如果您有兴趣的话,页面Multiple Columns将提供一个JavaScript回退.

猜你在找的CSS相关文章