0

さまざまな高さと幅の画像を固定サイズのサムネイルで表示しようとしています。これを実現するために、アスペクト比に影響を与えずに画像のサイズを変更し、サムネイルの高さと幅からオーバーフローする画像の部分を非表示にしようとしています。

サムネイルクラスで「overflow:hidden」cssプロパティを使用してみましたが、それでも画像のオーバーフロー部分が表示されたと思われます。

これは、サムネイルがオーバーフローを表示しないようにするための私の悲惨な試みのjsフィドルです http://jsfiddle.net/smallfonts/ARn4N/

画像のあふれている部分をサムネイルに隠す方法についての記事のこの宝石にも出くわしました。ただし、Twitterのブートストラップサムネイルに同じ効果を作成することはできませんでした。

http://cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property/

ありがとう!

4

1 に答える 1

1

これはあなたが必要とするものですか: http://jsfiddle.net/ARn4N/10/

于 2012-07-16T08:44:54.327 に答える