内联CSS不居中<；部门>；

我读过关于stackoverflow的其他关于居中的问题，以前也使用过这种技术

我尝试使用：

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

这里的内容

---

这没有使分区居中。我做错了什么？我觉得我以前用过这段代码，但这次不行了。我试着制作一个新的html文件，我试过了，以防我在这个页面上做了什么错事。它也有缺陷。怎么会错呢？

摆脱

位置：绝对


顺便说一句，这与样式是内联的这一事实无关。
自动边距技巧不适用于具有绝对定位的元素。请尝试以下操作：

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

这是通过使用
left:50%
将元素的左侧居中，然后使用正好为元素宽度一半的负边距将元素居中来实现的。
人们经常使用这种方法吗？这是一个有效的解决方案，用于对绝对定位的元件进行中心对齐。同样的技术也适用于垂直对齐。