Loco-net.org

ホンディの日々の思うことやWebのメモ書きなど(ジャンルに特科はしておりません)

Webのこと

CSS3のレイアウトdisplay:boxがかなり使えて更にIEにも対応させる方法があった件

タイトル長い!w

しかし、今の今まで知りませんでした。
こんな便利なCSSがあったとは!

そう、今までホンディは2カラムや3カラムを使う場合、やはりクソIEのことも考えると、floatやclearなどを使って横に並べていました。
これについては、もう使い慣れてしまっているせいか、特に面倒とも思っていなかったのですが、、、
この新しいプロパティを知ってしまったら、カラムのために使うのはナンセンス!なんて思えてしまいました。

それは、指定された要素の中のblock要素を、自動的に横並びにさせ、かつ、最大の高さを持つので、横並びになっている要素の最も高さがあるものに、他の要素も高さを合わせてくれるという優れものらしいんです!

(^O^)つCSS3 でのレイアウトで使える box 系プロパティのまとめ(CSS Lescture)

しかし、こいつの欠点は、IE10からしか対応していないらしく(2014/11/13現在)、現状はPC用サイトで実現不可か?と思ったのですが、救世主が!
ケーーーーーーーン!!!

jqueryと一緒に救世主を降臨させればいいんです。

▼本家ダウンロードサイト@海外
Flexiejs

▼このJSの素晴らしいデモページがある日本語サイト
mania-ku

やばいこれぜひ使いたい。
同じカテゴリ内最新記事