css - 以中心为基线的CSS中的左值？

Question

是否可以使用页面的中心作为基线来定位某些东西？我认为解释我想要什么的最好方法是：

#div{
margin-left:auto + 85px ;
margin-right:auto;}

我希望我是清楚的。我不擅长编码，英语也不是我的母语。感谢所有帮助。

Answer 1

您可以首先将元素居中，然后将其偏移您想要的数量。像这样的东西应该可以完成这项工作：

div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;

  margin-left: -50px;
  margin-top: -50px;

  background-color: pink;
}

这绝对是一个元素的中心。如果你想进一步向左，只需增加负边距。

简单的小提琴：http: //jsfiddle.net/McBLg/

编辑：修复了brainbug（混合左右方向）