在页面中水平居中一个DIV

Question

我正在尝试居中一个div，其中包含Windows 8应用程序中的Microsoft pubCenter AdControl的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 始终水平居中于页面的正中央？

- ReignOfComputer

---

您可能想查看此问题。 - Sushil

Answer 1

在您的 style="" 标签中添加 margin:auto，这样就可以解决问题了。

另一种可能性是 align=center。

- Dummy Code

Answer 2

你可以只使用CSS来实现。

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

重点是将左边距设置为div宽度的一半。

- sd1sd1

---

或者使用 margin:0 auto...这样更简单。 - Dummy Code

Answer 3

你可以使用这个类来实现居中对齐：

class="absolute-center"

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

（注：此处为原文，已无需翻译）

- Devesh Chauhan

Answer 4

在其他网站上找到了关于HTML5、C#和VS2015的内容。将以下代码添加到CSS中：#wrapper { width: 600px;margin: auto;} 然后用以下标签包裹您的内容：
<form id="form1"> <div id="wrapper"> 内容 </div> </form>

- MyGEARStationcom

Answer 5

你可以在 <div> 标签中使用 align='center'

- Shankar Akunuri

---

这在HTML5中不受支持。 - Ale Zalazar