私は147x88のサイズのDIVを持っていますが、その内部には同じ幅を持ちますが、高さがより大きい場合があります。この場合、イメージはDIVの境界を超えます。とにかく、私はCSS3(IE7とIE8)をサポートしていない古いブラウザで動作するように私のページを念頭に置いてイメージをクリップする必要はありますか?divの内部コンテンツをクリップする
6
A
答えて
8
divのオーバーフローを隠すだけで、含まれている画像がdivのサイズに切り取られます。
div{width: 147px; height: 88px; overflow: hidden;}
3
div { width: 147px; height: 88px; overflow: hidden; }
1
このquestion jQueryのを使用して画像のサイズを取得する方法を示しています。 ページを読み込むときに画像のサイズをチェックし、それに応じてDIVのサイズを設定する小さなブロックを持つことができます。 divの上
3
設定overflow:hidden;
:
#yourDiv {
width:147px;
height:88px;
overflow:hidden;
}
関連する問題
- 1. parent div内部のコンテンツへのスケーリング
- 2. Clear Divコンテンツを内部関数
- 3. コンテンツを角を丸くしたDIV要素にクリップするベストプラクティス
- 4. divの外部でアニメーションをクリップする方法は?
- 5. クリップdivもスクロールクリップ
- 6. div内のコンテンツをhorrizontallyにレイアウトする
- 7. DIV内のDIV内部DIV 100%高さ
- 8. div内のコンテンツのセンタリング
- 9. スクロールページでdivをクリップする方法は?
- 10. clip-pathを使ってdivの外部にアニメーションをクリップする方法は?
- 11. 背景クリップ:コンテンツ・ボックスが
- 12. SVG全体をコンテナdiv内に完全にクリップしますか?
- 13. スクロール内部DIV
- 14. divの影内部
- 15. 内部の内容がdivを返す
- 16. クリップ内でのスケーリング
- 17. Outer Div内部にインラインブロック要素がある場合のコンテンツの幅
- 18. 内部divオーバーフローOuterdiv
- 19. スプリットビュー - 回転したXIBクリップのコンテンツ
- 20. * outer *の内容をクリップするSVG clipPath
- 21. 各PDFObject divの上部にコンテンツを挿入する方法は?
- 22. タグのdivクラスの内部
- 23. 内側のdivのjqueryフィルタのコンテンツ
- 24. 別のdiv内に表示されているdivのコンテンツをアニメーション化する
- 25. のdivホバーの回転とクリップがIE9
- 26. divクリップをどのように表示するのですか?
- 27. Android LinearLayoutで子供のコンテンツをクリップする方法は?
- 28. Divコンテンツが複数部分のフォームに重複する
- 29. zclipを使用してDIV内のコンテンツをコピーする方法
- 30. jsをリファクタリングしてdiv内のコンテンツをプログラムで追加する
'オーバーフロー:静的コンテンツのために働くhidden'。ただし、div内のコンテンツにアニメーションを適用する場合はどうすればよいですか?アニメーションが行われている間、オーバーフローはキャンセルされ、アニメーションが終了すると戻ってきます。回避策はありますか? – Pyroglyph