web-dev-qa-db-ja.com

ページ内でDIVを水平方向に中央揃え

Divを中央に配置しようとしています。これは、HTML5/JavaScriptのWindows 8アプリ用Microsoft pubCenter AdControlです。

    <div id="myAd" style="; top: 0%; width: 292px; height: 60px; z-index: 1"
        data-win-control="MicrosoftNSJS.Advertising.AdControl"
        data-win-options="{applicationId: 'exampleAdId', adUnitId: 'exampleAdUnit'}">
    </div>

Divを水平方向に中央揃えにして、常にページの中央に配置するにはどうすればよいですか？

html5htmlwindows-8microsoft-metrowinjs
11
ReignOfComputer

あなただけのCSSを使用することができます

left:50%;margin-left:-146px;

ポイントは、左マージンをdiv幅の半分として設定することです

7
sd1sd1

追加 margin:autoあなたのstyle=""タグを使用すれば、うまくいくはずです。

その他の可能性、align=center

18
Dummy Code

単純にこのクラスを使用して絶対的な中心に配置できます

.ab_center
{
    height:300px;
    width:300px;
    background-color:#27f305;
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

フィドルの例： http://jsfiddle.net/devesh_dc/dzyvmt0o/

4
Devesh Chauhan

HTML5、C＃、VS2015の別のサイトにあります。 cssに追加：#wrapper { width: 600px;margin: auto;}およびコンテンツを次のようにラップします。
<form id="form1"> <div id="wrapper"> Content </div> </form>

0
MyGEARStationcom