1

画像のみを含む Web ページをデザインしています (画像は時間とともに変化します)。画像のサイズは固定されていません。そこで、縦と横の両方の中央に画像を表示することを計画しました。私が使用する水平方向の中央とmargin:0 auto;垂直方向の中央line-height and vertical-alignには、5月のSOの回答で説明されているように使用します。より大きな寸法の画像を制限するmax-height, max-widthには、画像タグでプロパティを使用しました。

表示するには: fiddle {何が起こっているかを確認するには、画像をブラウザー ウィンドウのより大きなサイズの画像に置き換えます。小さな画像の場合、すべて問題なく動作します。}

スナップショットも共有しています：

  1. 小さい画像の場合: ここに画像の説明を入力
  2. 大きな画像で:(右側に小さなスクロールバーが表示されることを願っています) ここに画像の説明を入力

Google Chrome (20.0.1132.17) を使用しています

4

1 に答える 1

1

私はあなたが必要だと思います：

html, #container /* whatever your container is*/ {
    overflow: none;
}

編集：

あなたが意味するコンテンツでライブページを投稿する必要があります。JSFiddleはこの質問には十分ではありません。

設定できますがmax-height: 100%、設定する必要があります

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
于 2012-05-30T08:55:59.673 に答える