1

新しい Google+ レイアウトに似たレイアウトを作成しようとしていますが、この質問に似ています(ただし、html を使用しています)。

現在、Google+ は各列に 1 つの div を使用しています。これを行う別の方法があるかどうかを確認しようとしています。

おそらくCSS3のフレックスボックスモデルが役立つでしょうが、その互換性レベルは...まあ。

インライン ブロック モデルを試してみましたが、この方法では、互いの高さに依存しない行が作成されます。

既存のソリューションがありますが、すべて IE10+ または IE11+ が必要です。IE7+ と互換性のあるソリューションが必要です。列ごとの div の横には何も表示されません。

誰かが似たようなことをする機会がありましたか?

4

1 に答える 1

0

CSS の複数列レイアウト モジュールは、あなたが探していることを行うことができます。

http://codepen.io/cimmanon/pen/CcGlE

.foo {
    columns: 30em; /* desired number of columns and/or width of column */
}

プレフィックスが必要な場合があります。 http://caniuse.com/#feat=multicolumn

于 2013-05-17T00:01:43.117 に答える