1

div 要素に悩まされているアプリケーションがあります。

多くのdiv、span、およびいくつかのimgタグを含むコンテンツを含むdivがあります。

画面の解像度やブラウザに関係なく、div 要素のコンテンツを垂直方向に中央揃えにする必要があります。

私はこのように試しました：

<div style="padding-top: 4%;position:fixed;height:2%;>
my content
</div>

これは、すべてのブラウザー (FF、IE、CHROME、SAFARI) で完全に機能します。

ただし、モニターがワイドスクリーンモニターではない友人のPCでは、これは機能しません。

あらゆる種類の解像度で動作する理想的なCSSを提案してください。

EDIT：my contentいくつかは水平に配置され、いくつかは互いに隣り合っているdivが含まれています。

ありがとう、

4

2 に答える 2

0

分割の高さをピクセル単位で設定し、これを追加します。

div
{
    height:100px; // your height
    width:100px; 
    top:50%;
    margin-top:-50px; // half of your height
    position:fixed;
}

パディングなどは必要ありません。

于 2012-10-04T12:06:51.727 に答える
0

試す：

<div style="margin:auto;">
    my content
</div>
于 2012-10-04T11:57:19.170 に答える