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
やばいこれぜひ使いたい。
しかし、今の今まで知りませんでした。
こんな便利なCSSがあったとは!
そう、今までホンディは2カラムや3カラムを使う場合、やはり
これについては、もう使い慣れてしまっているせいか、特に面倒とも思っていなかったのですが、、、
この新しいプロパティを知ってしまったら、カラムのために使うのはナンセンス!なんて思えてしまいました。
それは、指定された要素の中のblock要素を、自動的に横並びにさせ、かつ、最大の高さを持つので、横並びになっている要素の最も高さがあるものに、他の要素も高さを合わせてくれるという優れものらしいんです!
(^O^)つCSS3 でのレイアウトで使える box 系プロパティのまとめ(CSS Lescture)
しかし、こいつの欠点は、IE10からしか対応していないらしく(2014/11/13現在)、現状はPC用サイトで実現不可か?と思ったのですが、救世主が!
ケーーーーーーーン!!!
jqueryと一緒に救世主を降臨させればいいんです。
▼本家ダウンロードサイト@海外
Flexiejs
▼このJSの素晴らしいデモページがある日本語サイト
mania-ku
やばいこれぜひ使いたい。
同じカテゴリ内最新記事