html - 単純な html と css だけで複数の列に html コンテンツを追加しますか?

Question

これが以前に尋ねられたかどうかはわかりませんが、これまでのところ解決策が見つからないようです。新聞のレイアウトを見てみると

http://inspirationhive.com/wp-content/uploads/2012/08/Design-a-Grungy-Newspaper-Web-Layout-in-Photoshop-500x585.jpg

たとえば、2 列 (「見出しの例」の下) を例にとると、通常、テキストがある場合、最初の列が埋められますが、テキストが大きくなるにつれて、列を下に展開し続けます......

私の質問は、最初の列が特定の高さに達すると自動的に 2 番目の列に続くように html と css を配置できるかどうかです。

その理由は、CMSテンプレートの作成に関しては非常に柔軟になるためです.....

Answer 1

はい、あなたはそれを使用することができます

p {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

jsfiddleを参照してください

このプロパティの詳細については、http://www.w3schools.com/css3/css3_multiple_columns.aspを参照してください。