Blog

CSS3のcolumn-countを知らなかったので使ってみた

2015.12.08Cat:css3 デザイナー

もしかしたら常識なのかもしれないが、自分がしらず、別サイトにて発見しその便利さに驚いたので、デジタルネイティブに負けてはいけないと早速使ってみることにした

デモ

 

使い方

まずはこのような感じでカラム数を指定する

 

アイテムの書き方はいろいろ有ると思うが、デモは上記のようなHTMLに

 

このようなCSSを指定した

 

対応ブラウザは以下なのだが、割りと使えそうだ

Chrome 4.0 -webkit-
Edge 12.0
IE .010
Firefox 2.0 -moz-
Safari 3.1 -webkit-
Opera 15.0 -webkit 11.1

Author Profile

hoshino
hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ