位置绝对如何使其成为中心，无论它在哪个屏幕分辨率？

Question

我在这里遇到问题，我的<div>内有很多元素都是position:absolute。这一切似乎都很好，直到我改变了它的分辨率，我意识到元素不在中心位置。

这是一个元素的示例代码。

p img {
    position: absolute;
}
#contentback p img {
    top: 300px;
    left: 250px;
    z-index: 2;
}

Answer 1

使用

 margin:auto;

如果你还想调整它，

margin-left:x%;
margin-right:x%;

您可以更改x

Answer 2

指定width: xxpx并使用margin:auto;

<强>更新

删除left: xxpx以使其center对齐。

Answer 3

首先，absolute定位是不可能的。这种定位只是将元素从身体的正常流动中取出，并且它不能自动居中。为此，您必须使用relative定位。元素必须具有固定的宽度，否则浏览器将永远不知道应该留下多少边空间作为边距。然后，应用margin: auto。表定位也将实现这一目标，但这很复杂。请注意，通过这种方法，您无法在垂直方向上集中放置元素！

Answer 4

我所知道的最佳技术，用于集中绝对定位的元素：

.element {
width:500px;
position:absolute;
left:50%;
margin-left:-250px;
}

此方法要求对象具有固定宽度。但它对我来说效果很好。