[CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート

画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。

[XIAORING]

F.a.S.T サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示

[dreamily]

サイズ違いの画像を、一定のボックス内でアスペクト比を維持したまま中央に表示。ECサイトのサムネイルなどに便利そう。

[asiamoth]

はいはい b タグ b タグ。/ なぜ、せめて span にしないのだろうか。

[o_hiroyuki]

画像を一定サイズで表示する

[yocchi24]

お手軽で便利そう♪ #web

[creaism]

#sstart [CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート | コリス

[jackie_nyan]

画像を一定にするスタイルシート

[globalwe6]

あとでチェック RT [CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート | コリス

[flar]

IE6は未サポート

[yanbow]

css

[kakuhen1rfeverheiten]

サイズ　合わせる