Firefox css3列计数属性

Firefox css3列计数属性,firefox,css,opera,explorer,Firefox,Css,Opera,Explorer,我有以下简短的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-co

我有以下简短的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:

布拉布拉布拉
布拉布拉布拉
布拉布拉布拉
布拉布拉布拉
布拉布拉布拉

歌剧院

布拉布拉布拉布拉布拉布拉
布拉布拉布拉布拉布拉布拉
布拉布拉布拉布拉布拉布拉

探险家

布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉

我想知道opera有什么问题,是否有办法让explorer在列中显示文本


谢谢

有什么理由使用css3吗?如果没有,您只需使用css即可做到这一点,如:

#container {
    width:800px;
}

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

Html:


..
..

仅举个例子,代码可能并不完全正确

通过这样做,我必须用手将文本在2个div左右等分。column属性很时尚,不管你写了多少文本,它会自动分割文本。我们有一个原因,很好的一个原因:)…帮不了你很多,但是一些浏览器对css3的支持仍然很差。您可能会发现此网站有助于检查页面在不同浏览器中的外观:
<div id="container">
<div id="left">..</div>
<div id="right">..</div>
</div>