如何集中图像的绝对位置？

2018-06-27 02:22:04

这个问题在这里已经有了答案：

如何在更大的div内制作图像中心（垂直和水平）36个答案

另一种选择是使用CSS3 transform ：

img{
  display:block;
  position:absolute;
  left:50%;
  transform:translate(-50%,0);
}

根据需要添加供应商前缀。

在CSS中的问题中心（水平和垂直）下的答案中也提到了这一点。

看小提琴

要集中绝对定位的项目，请使用

left:0;
right:0;

以及margin:0 auto;

除了设置自动边距和绝对定位之外，还需要将所有偏移（顶部/左侧/等）设置为0.只要具有声明的高度，此方法就应该可以工作：

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

（资源）

链接地址: http://www.djcxy.com/p/75761.html