【问题标题】:css: column-count property , IE10 displays not like other browserscss: column-count property , IE10 显示不像其他浏览器
【发布时间】:2013-11-08 23:48:55
【问题描述】:

这是一个http://jsfiddle.net/nAhPj/ 链接。 该页面在 Chrome、FF、Safari 中的外观相同,但在 IE10 中不同。 应该是:

1A 2A 3A 4A
1B 2B 3B 4B
1C 2C 3C
1D 2D 3D

为什么它在 IE10 中的外观与在 Chrome、FF、Safari 中的外观不同?如何解决 IE10 问题?这是一个错误吗?

附注不幸的是,解决方案应该是 OVERRIDE 的 css ,而不是修改 html 或 css。 否则,我会找到解决方案,不会问这个问题。

以下是 Chrome 与 IE10 中的图像:

【问题讨论】:

  • 在 IE10 中是什么

标签: html css internet-explorer column-count


【解决方案1】:

拥有跨浏览器解决方案(我指的是最近的浏览器)最简单的解决方案是使用<li> 作为块。

<li> 上定位display: inline-block css 属性,然后使用floatwidth 属性根据需要定位它们。您可以使用它进行响应式设计。

【讨论】:

  • 谢谢!应用显示:inline-block;和宽度:200px;
  • 是解决方案。
猜你喜欢
相关资源
最近更新 更多
热门标签