1

動的な幅を持つコンテナー div があります。画面の解像度によって変化します。そのような div 内には、高さと幅が固定された別の要素があります。このような要素に aを指定して中央に水平に配置することはできますmargin: 0 auto;が、コンテナー div の高さは同じままであるため、このトリックは中央に垂直に配置することはできません (高さは固定されておらず、div 内のコンテンツに依存します)。したがって、ユーザーが解像度を変更したときに、左右、上下に同じマージンを何とか適用したいと思います。したがって、すべての側で同じダイナミック マージンが必要ですか?

css ベースのソリューションがあればよいのですが、それが不可能な場合は jQuery も適しています。

基本的に必要なのは、右側または左側のマージンを計算し、それらの値を上下のマージンに適用することです。

4

3 に答える 3

0

これにより、コンテナ div が一定のマージンでフローティングされます。

<div>Content</div>

div {
    background: #282;
    width:90%;
    height:90%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

http://jsfiddle.net/djwave28/tATZU/1/

また、コンテンツを参照して、これをコンテナー内に配置できます。高さを超えると、CSS のスクロール機能を適用できます。そうでない場合は、ウィンドウのスクロール機能が引き継ぎます。

http://jsfiddle.net/djwave28/tATZU/2/

于 2013-04-14T18:19:30.863 に答える