web-dev-qa-db-fra.com

Centrer horizontalement un DIV dans la page

J'essaie de centrer une div, qui est l'application Microsoft pubCenter AdControl pour Windows 8 en 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>

Comment centrer une div horizontalement de manière à ce qu'elle se trouve toujours au milieu d'une page?

html5htmlwindows-8microsoft-metrowinjs
11
ReignOfComputer

vous pouvez utiliser css uniquement

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

le point est de définir la marge de gauche comme la moitié de la largeur div 

7
sd1sd1

Ajoutez margin:auto dans votre balise style="" et cela devrait faire l'affaire.

Autre possibilité, align=center

18
Dummy Code

vous pouvez utiliser simplement cette classe au centre absolu

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

Exemple de violon: http://jsfiddle.net/devesh_dc/dzyvmt0o/

4
Devesh Chauhan

Trouvé sur un autre site pour HTML5, C # et VS2015. Ajoutez à css: #wrapper { width: 600px;margin: auto;} et emballez votre contenu avec:
<form id="form1"> <div id="wrapper"> Content </div> </form>

0
MyGEARStationcom