中心div与位置绝对只有css而不知道宽度

Question

我想根据用户点击的方式将显示和隐藏的不同图像居中.我对图像居中所做的是:

img { 
  margin-left: auto; 
  margin-right: auto; 
  display: block;
}

工作得很好.但它不起作用position: absolute;是否有一种css唯一的方法将position: absolutediv水平居中body或parent不知道width？

Answer 1

对于绝对定位的元素,您可以margin:auto组合使用left:0和right:0(对于水平居中)或top:0和bottom:0(对于垂直居中):

img {
  position:absolute;
  left:0;
  right:0;
  margin:auto;
}

演示.