1

画像を含むテーブルがありますが、何らかの理由で特定の画像を正しく中央に配置できません。適用するmax-width:170pxと、画像のサイズが正しく変更されますが、中央に配置されません。他のすべてのブラウザー (IE7 を含む) ではすべて問題ないように見えますが、IE8 はチョークします。ここに FIDDLE http://jsfiddle.net/5VT7e/があります。

注: Chrome でフィドルを作成しましたが、IE8 で表示しましたが、JSFIDDLE は IE8 では機能しないと思います。それにもかかわらず、すべてのコードを表示できます ;)

問題のスクリーンショットは次のとおりです。

問題: ここに画像の説明を入力

希望: ここに画像の説明を入力

  • 最初の画像は問題ないようです
  • 2 番目の画像は右にシフトされます
  • 3番目の画像は問題ないようです
  • 4枚目の画像は右にシフト
  • 5枚目の画像は右にシフト

ほとんどすべての画像がmax-width:170px右にシフトされます。

ご覧いただきありがとうございます。

4

1 に答える 1

1

この回答は、次の 2 つの解決策を提供します。

  1. width: auto画像に 設定する
  2. 画像の直接の親要素に幅を指定します。
于 2013-02-11T23:48:08.783 に答える