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列！

所以firefox：

bla bla bla bla
bla bla
bla bla
bla 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>

代码可能不是很正确，只是举个例子。

css3列数属性

1 个答案: