CSS3

プロパティ

column-count

→●、mdn

段組 column の本数（段数）。

このプロパティは、複 column コンテナの column 数を記述する。

auto

column 数は、他のプロパティ（例： auto 以外の値が指定された column-width）から決定されることを意味する。

<DIV style="border:1px solid red; width:200px;
 font-size:10pt;
 column-count:auto;
 column-width:50px;
">ああああああああああああああああああああ
</DIV>

column-widthを指定しないとだめ

<integer[1,∞]> ○

要素の内容がフローされることになる、最適とされる column 数を記述する。値は正でなければならない。column-width、column-count のいずれも auto でない場合、この整数値は、最大な column 数を記述する†。

<DIV style="border:1px solid red; width:150px;
 column-count:3;
 font-size:10pt;
">ああああああああああああああああああああ
</DIV>

【† この“最大”は、column-count の使用値の上限を意味する（column 幅は、その結果に基づいて計算される） ─ 複 column 行内にレイアウトされる実際の column 数（実際の値）ではなく。連続的文脈の下では、複 column コンテナに指定された高さの上限や column 分断などに因り、指定した column 数を過フローする内容は、（他が指定されない限り）同じ複 column 行に column を追加しながら継続されることになる（断片化文脈の下では、自動的に新たな複 column 行に折り返されるが） ─ 詳細は § 過フロー に。過フローする内容を新たな複 column 行に折り返すためには、別個の複 column コンテナに振り分けるか、（高さの上限を指定せずに）後述の spanning 要素を利用することになる。】

body { column-count: 3 }

テスト