css里不设置width，如何把一个 div 左右居中？

Question

不设置宽度可以把一个div居中吗？

Answer 1

position:absolute; left:10%; right:10%;

Answer 2

使用css3的display:box可以做到。

.box{
display:-webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
display: -o-box;
-o-box-orient: horizontal;
-o-box-pack: center;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
display: box;
box-orient: horizontal;
box-pack: center;
}

可参考六种实现元素水平居中

Answer 3

text-align:center;或者margin: 0 auto;

Answer 4

margin-left: auto; margin-right: auto;
需要父容器text-align:center;

Answer 5

你可以试一下这个

.box {
  display: table;
  margin: auto;
}