Question

我正试图将div（class .popin）置于中心位置，在点击本网站每篇文章底部的图像时将其包装起来：

DIV的位置是固定的，它的WIDTH设置为AUTO，因为我希望它根据图像的大小而改变。

Answer 1

使用CSS3非常简单：

<强> HTML

<div class="popin">
  POPIN
</div>

<强> CSS

.popin {
  position: fixed;
  left: 50%;
  height: 100px;
  background: #fc0;

  -webkit-transform: translate3d(-50%,0,0);
  -moz-transform: translate3d(-50%,0,0);
  -ms-transform: translate3d(-50%,0,0);
  -o-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
}

查看translate3d

的浏览器支持

如何使用自动WIDTH对固定的DIV进行居中？

1 个答案: