如图，已经设置了margin: 0 auto;为什么还是左右不居中？

Answer 1

用flex.login{display:flex;justify-content:center;align-items:center;}

Answer 2

margin:0 auto是用于block的，你的是inline-block。inline-block要居中就更简单了，只需要父级元素设置text-align:center;

Answer 3

.login { display: block; margin: 0 auto; position: relative; // 用了 position，margin 也不会居中了}

Answer 4

1.div 本身 block，不需要改成 inline-block，用 position 任何元素 都不能设置 display属性因此 去掉多余的设置 display，position2.父元素添加 text-algin： center；因为子元素为 inline-block

Answer 5

.login{    displty:inline-block;    position:relative;    left:50%;    margin-left:-155px; //这里利用margin的负值居中，当然也可以使用translateX(-155px);    padding:20px 20px 20px;    width:310px;    background-color:white;    border-radius:3px;}