Question

出于某种原因，无论我尝试什么，我都无法将这个div放到中心位置。我可能已经研究了大约一个小时，似乎找不到能让它成为中心的东西。

这是现在的样子： http://niil.me/

这里是CSS：

.primary-container {
  position: absolute;
  width: 294px;
  min-height: 110px;
  background: #transparent;
  z-index: 300000;
  left: 50%;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
}

编辑：猜猜我没有做足够的研究。遗憾！

Answer 1

尝试将此添加到您的css：

-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

Answer 2

添加let errorCode = error.code然后它将位于中心

Answer 3

设置左侧时必须考虑宽度。将左侧设为

left: calc(50% - 148px);

Answer 4

   body{

padding-top: 12%;
}

.primary-container {

  width: 294px;
  min-height: 110px;
  background: #transparent;
  z-index: 300000;
  left: 50%;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
}

试试这个

Answer 5

请你试试下面的css代码：

.primary-container {
    float: left;
    margin: 0 auto;
    min-height: 110px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 300000;
}

以div为中心？

5 个答案: