6

CSS3 列を水平方向に生成できるかどうかを知りたいです。

例のために。段落a、b、c、およびdがあり、それらに「列数：2」を指定すると、出力は次のようになります

交流

BD

出力が次のようになるように列を作成したいと思います

ab

CD

css3列を使用しているときにこれが可能かどうか知っている人はいますか?

ページをスケーラブルにしたいので、列を使用して、列数が画面サイズと比較して適切な量の列を自動的に生成するようにします。

元のページはほとんど 3 ～ 4 列を使用しています

4

1 に答える 1

2

段落に最小/最大幅を指定すると、段落に幅とフローティング左を与えることが機能するはずです。可変幅のラッパー要素で動作するはずですが、制限された幅で段落を大幅に拡大縮小できない場合は壊れる可能性があります。

p {
    float: left;
    max-width: 160px;
    min-width: 100px;
    margin: 20px;
}

div { //wrapper
    width: 480px;
}

jsフィドル

列の後の要素のフロートをクリアすることを忘れないでください。

于 2013-02-01T16:55:31.250 に答える