firefox - css3列数属性

我有以下简短的CSS代码

 div#mydiv{
  border-style: none;
  margin-bottom: 1em;
  background-color: #F6F6F6;
  color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: justify;
  column-width: 15em;
  column-gap: 2em;
  column-count:2;
  -moz-column-width: 15em;
  -moz-column-gap: 2em;
  -moz-column-count:2;
  -webkit-column-count:2;
  -webkit-column-width: 15em;
  -webkit-column-gap: 2em;
  box-shadow: #ccc 0 0 15px;
  }

现在，在Firefox上可以很好地工作，并显示两列文本。在Opera上可以使用，但是它很奇怪，它没有显示2列文本，而是显示了3列！

所以Firefox：

bla bla
bla bla
bla bla
bla bla
bla bla

歌剧

bla bla bla
bla bla bla
bla bla bla

探险者

blablablablablablabla

我想知道Opera的问题所在，以及是否有一种方法可以让资源管理器在列中显示文本。

谢谢

最佳答案

css3有什么理由吗？如果没有，您可以使用CSS来简单地执行此操作，例如：

#container {
    width:800px;
}

#left {
    float:left;
    width:400px;
}
#right {
    float:right;
    width:400px;
}

和

HTML：

<div id="container">
<div id="left">..</div>
<div id="right">..</div>
</div>

代码可能并不正确，仅举一个例子。

关于firefox - css3列数属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8115382/