1

この質問は何度も聞かれていると思いますが、丸一日ウェブを検索していて、良い解決策が 1 つも見つかりません。フレームのように見えるように、画像をdiv内の中央に配置したい。さまざまなサイズの画像があり、縦長のものと横長のものがあります。横と縦の中央に配置し、サイズが大きくてもコンテナからはみ出さないようにしたいです。今、私は div と table の設計について読んだことがありますが、真剣に、今は仕事をやりたいだけなので、どんな解決策でも大歓迎です。

4

2 に答える 2

3

デモを確認してください - http://jsfiddle.net/x6jDu/

table-cell は IE8+ をサポートしています

于 2012-06-28T06:10:18.310 に答える
3

以下のデモリンクをクリックすると、それを実現できます。

デモ http://jsfiddle.net/rathoreahsan/99BXT/

ノート：

  1. 短所:を使用display:table-cellすると、Internet Explorer 8 ブラウザーより下では動作しません。残りのブラウザーでは動作しません。長所:固定幅と固定高さを使用しても機能します。

  2. 長所:を使用display:blockすると、すべてのブラウザーで動作します。短所固定幅と固定高さを使用すると機能しません。ただしpadding、このデモで説明されているように、(上、右、下、左)で同じように管理できます。

于 2012-06-28T06:32:10.020 に答える