【CSS3】マルチカラムモジュールについて

http://www.w3.org/TR/css3-multicol/

各ブラウザに対する実装状況

現時点では、各ブラウザでかなり実装がバラバラ。

以下、ざっと調べた内容（12/10/17現在）

Internet Explorer

6/7/8 はもちろん、9 でも対応されていない。
10 に関しては調べていない。

Firefox 16.0.1

column-span に対応していない。
また、column-break-inside などには対応していない為、カラム内部の要素に対して display: inline-block を指定する事で分割を防ぐ事が可能。
columns プロパティは count の値が採用される。
-moz- プリフィックス必須

Google Chrome, Safari（WebKit 系）

column-span、column-break-inside に対応している。
columns プロパティは count の値が採用される。
-webkit- プリフィックス必須

Opera 12.0.1

column-span に対応している。
また、column-break-inside などには対応していない為、カラム内部の要素に対して display: inline-block を指定する事で分割を防ぐ事が可能。
columns プロパティは width の値が採用される。 プリフィックス必要なし

マルチカラムを実現する JS

• http://www.csscripting.com/css-multi-column/
  恐らく、一番有名だと思われるマルチカラムを実現する JS。column-count, column-width, column-gap, column-rule にのみ対応。IE はもちろん、Firefox、Opera の古いバージョンに対しても有効らしい。css の内部を見て、column-count プロパティなどがあればマルチカラム処理を行う仕組み。使ってみたが、カラムが崩れた。
• http://randysimons.nl/125,english/129,multi-column-text/
  かなり複数のブラウザで使えるらしい。まったく知られていないと思う。使ってみたが、カラムが崩れた。
• http://www.vanderlee.com/martijn/?page_id=229
  jQuery のプラグイン。IE7 で使ってみたところ、JS エラーが発生した。
• http://welcome.totheinter.net/columnizer-jquery-plugin/
  jQuery のプラグイン。実装するなら、これを使うのが最良の選択かも知れない。海外でも使う人が多いようだ。ただし、他と同様にカラムが崩れた。