1

今のところ、画像を水平方向に中央揃えにすることはできますが、垂直方向に中央揃えにしようとすると（上マージンを追加）、親divも下に移動します（これは望ましくありません）。

これが私が話していることの画像です：スクリーンショット

絶対位置に設定するのが最善の方法だと思いますが、水平方向の中央に配置するのに問題があります。

<div id="header">
    <div id="container">
        <div id="logo">
            <a href="index.html"><img src="images/logo.png" /></a>
        </div>
    </div>
</div>



#container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#logo {
    height: 96px;
    width: 484px;
    margin: 50px auto;
}

助けていただければ幸いです！ありがとうございました

4

2 に答える 2

0

あなたは着ることができoverflow: hiddenます#container。新しいブロックフォーマットコンテキストが導入されるため、余白が折りたたまれなくなります。

于 2012-08-09T23:48:52.077 に答える
0

私が見るところ、コンテナは下がっていません（下がってはいけません）。下がっているのはロゴ（マージンのため）だけです。

画像をヘッダーのどこの中央に配置しますか？ヘッダーの高さを固定し、マージンまたはパディングを使用して画像を中央に配置します。ヘッダーの高さを流動的にする必要がある場合は、

#container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle; 
    display: table-cell
}

お役に立てば幸いです。

R

于 2012-08-09T23:58:17.483 に答える