CSS3コラム-countプロパティ

Question

私は偉大なFirefoxの上、以下の短い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; 
    } 

、この仕事をしたとテキストの2列を表示します。 Operaではこれが動作しますが、2列のテキストを表示するのではなく、3つの列が表示されます。

ので、Firefoxの：

BLAのBLA
BLAのBLA
BLAのBLA
BLAのBLA
BLAのBLA

オペラ

かくかくしかじか
かくかくしかじか
BLA bla bla

エクスプローラ

blablablablablablabla

私はオペラと間違っているものを知っていただきたいと思いますし、列のエクスプローラショーのテキストを持つ方法があるかどうか。

は

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> 

コードは、ちょうどあなたの例を与えるために、exacly権利ではないかもしれません。