簡単に段組が作れる！CSS3、columnsプロパティ [ホームページ作成] All About

CSS3で新たに追加された「columns」プロパティなどを使えば、「段組(マルチカラム)」レイアウトが、短い記述だけで簡単に作れます。 「3段組」や「4段組」のように、段の個数を指定することもできますし、「1段は20文字分」のように1段の横幅だけを指定しておいて、描画領域に入るだけ段を並べるレイアウトも簡単に作成できます。段と段の間に罫線を引くのも、専用のプロパティを1つ追記するだけで実現できます。 ■横に長くなるのを防ぎつつ、表示領域を有効に活用できる このCSS3の「columns」プロパティを使う方法で本文に段組レイアウトを採用すれば、長文を横長のウインドウで閲覧された場合でも、文章が横方向に長くなりすぎるのを簡単に防げます。単にmax-widthプロパティなどで横幅の最大値を制限するのとは異なり、必要に応じて段を増やせるため表示領域を有効に活用できます。リキッドレイアウトを採用し

[idr_zz]

CSSの段組み、リスト（ul, ol, dl）でも効いた！ リストの数が可変な時に使えます！！ 簡単に段組が作れる！CSS3、columnsプロパティ

[mami-hate]

PCでも使いたい。IE9がネックかも