CSS3 列数属性

Question

我有以下简短的 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 上它工作得很好并且显示 2 列文本。在 Opera 上这是可行的，但它非常奇怪，它不是显示 2 列文本，而是显示 3 列！

所以火狐浏览器：

bla bla
布拉布拉
布拉布拉
布拉布拉
bla bla

歌剧

bla bla bla
布拉布拉布拉
bla bla bla

资源管理器

blablablablablablabla

我想知道 Opera 有什么问题以及是否有办法让资源管理器在列中显示文本。

谢谢

Answer 1

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>

代码可能不完全正确，只是为了给您提供示例。