Горизонтально центрируйте DIV на странице

Я пытаюсь сосредоточиться на div, который представляет собой приложение для администрирования Microsoft Office для Office 8 для приложений Windows 8 в HTML5/JavaScript.

    <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 горизонтально, так что он всегда находится посередине страницы?

Ответ 1

вы можете использовать только css

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

точка состоит в том, чтобы установить маржу слева как половину ширины div

Ответ 2

Добавьте margin:auto в тэг style="", и это должно сделать трюк.

Другая возможность, align=center

Ответ 3

вы можете просто использовать этот класс в абсолютном центре

.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

Найдено на другом сайте для HTML5, С# и VS2015. Добавьте в css: #wrapper { width: 600px;margin: auto;} и заверните свой контент:  <form id="form1"> <div id="wrapper"> Content </div> </form>

Ответ 5

вы можете использовать align='center' в теге <div>