假设您将以下CSS应用于div标记
.divtagABS {
position: absolute;
margin-left: auto;
margin-right: auto;
}
margin-left和margin-right不生效
但如果你有亲戚的话，效果很好
.divtagREL {
position: relative;
margin-left: auto;
margin-right: auto;
}
为什么会这样呢？我只想把一个元素居中.
有人能解释一下为什么在绝对位置将边距设置为自动不起作用吗？
EDIT : this answer used to claim that it isn't possible to center an absolutely positioned element with 100, but this simply isn't true. Because this is the most up-voted and accepted answer, I guessed I'd just change it to be correct.
将以下CSS应用于元素时
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
然后给元素一个固定的宽度和高度，例如200px或40%，元素will本身居中.
这里有a Fiddle个演示效果.