1

高さが 482 ピクセルの IMG があり、最初/上部の 200 ピクセル (画像のサイズ変更なし) を div 内に表示したい場合、どうすればこれを達成できますか? 現在、482 ピクセルすべてが表示されており、div タグからはみ出しています。

.slideshow { width: 1080px; height: 200px; margin: auto }
<div class="slideshow">
  <img src="https://www.gravatar.com/avatar/dc8abc1d06f8fc5f2e8640379ccb4742?s=328&d=identicon&r=PG" width="1080" height="482" />
</div>

4

1 に答える 1

3

オーバーフロー ルールを追加する必要があります。

.slideshow { width: 1080px; height: 200px; margin: auto
    overflow: hidden;
}

これにより、コンテナ内に収まらないコンテンツが非表示になります。

于 2012-05-01T05:45:43.507 に答える