2013-06-08 26 views
10

Próbuję wyśrodkować div, który jest Microsoft pubCenter AdControl dla aplikacji Windows 8 w HTML5/JavaScript.Poziomo centrum DIV na stronie

<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> 

Jak wyśrodkować element div w poziomie, aby zawsze znajdował się na środku strony?

+1

może zajrzeć do tego [Pytanie] (http://stackoverflow.com/questions/16670025/css-to-centralise-a-html5-div -at-the-bottom-of-the-screen/16674978 # 16674978) – Sushil

Odpowiedz

5

można użyć CSS tylko

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

chodzi o to, aby ustawić lewy margines w połowie szerokości div

+0

To się udało, dzięki! – ReignOfComputer

+11

Lub użyj 'margin: 0 auto' ... Dużo prostsze. –

17

Dodaj margin:auto w tagu style="" i że powinno załatwić sprawę.

Inna możliwość, align=center

-5

można użyć align='center' w <div> tagu

+1

To nie jest obsługiwane przez html5 –

2

można użyć po prostu tej klasy do absolutnego centrum

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

Przykład skrzypce: http://jsfiddle.net/devesh_dc/dzyvmt0o/

0

Znalezione na inny strona dla HTML5, C# i VS2015. Dodaj do CSS: #wrapper { width: 600px;margin: auto;} i owinąć swoje treści z:
<form id="form1"> <div id="wrapper"> Content </div> </form>

Powiązane problemy