Question

我想将dom样式设置为“左”，像这样的半角像素

.div1{
  position:absolute;
  width:1000px;
  left:calc(50% - 500px);
  height:...;
}

.div2{
  position:absolute;
  width:2000px;
  left:calc(50% - 1000px);
  height:...;
}

由于我的代码，margin:0 auto不适合我。另外，JavaScript不是我的首选解决方案。我一直在寻找Google的日子。但是对我没有任何想法。这是我所期望的代码。

DIV{
  position:absolute;
  width:1000px;
  left:calc(50% - -WIDTH-);  // it's not right code
  height:...;
}

有可能做到吗？

我不想使用javascript，scss等... 非常感谢。

Answer 1

您必须使用 TRANSFORM 属性

div {
    position:absolute;
    width:1000px;
    left:50%;
    transform:translate(-50%);
    -webkit-transform:translate(-50%) !important;  /* for webkit browsers*/
    height:...;
}

如何使用半角像素设置“左”

1 个答案: