内联CSS不居中<div> </div>

Question

我已经阅读了有关居中的stackoverflow的其他问题，并且之前使用过这种技术。

我尝试使用：

<div style="width: 1000px; position: absolute; margin: 300px auto 0px auto;">
content in here
</div>

这并不是div的中心。我做错了什么？我觉得我之前使用过这段代码，但这次不行。我尝试制作一个新的html文件，我试过它，以防我在这个特定的页面上做错了。它也有缺陷。怎么回事？

Answer 1

摆脱position: absolute。

jsFiddle

顺便说一句，这与样式内联无关。

Answer 2

自动边距技巧不适用于具有绝对定位的元素。请尝试以下方法：

width: 1000px;
position: absolute;
top: 300px;
left: 50%;
margin-left: -500px;

这通过使用left: 50%使元素的LHS居中，然后使用正宽度的一半的负边距来对齐元素。