マルチカラムレイアウトとは？columnプロパティについて - Qiita

先日CSS3を改めて勉強していて、「え、知らない！」というプロパティがあったので、 ちゃんと理解するという意味でまとめてみようとおもいます。 CSS3といえばbackground系のプロパティやアニメーション…shadow…角丸…などなどありますが、 その中にレイアウトに関する仕様もありました。 それが、マルチカラムレイアウトです。 マルチカラムレイアウトと言ってもピンとこないかもしれません。 具体的にはこんな感じのレイアウトです。 このような、横並びでテキストを流し込むレイアウトを組むとき、divまたはpなどを2つ用意して、floatなどで組んでいたかと思います。 それを分けること無く、ひとつのボックスで複数の段組みを作るレイアウトをマルチカラムレイアウトと言います。 例として上の画像をあげましたが、上の場合だとこのようなソースで実装しています。 <div class="containe