CSS 怎么设置底部居中对齐

html结构

<div class="msg_box">
    <div class="msg_btn_box">
    </div>
</div>

1.先将容器的position设为relative;

2.然后将这个div的的样式添加position:absolute; bottom:0;

.msg_btn_box {position:absolute;bottom: 30px;margin: auto;left: 0;right: 0;}

前提是position:absolute左右为0 ，然后写了个margin:auto;   dom就可以底部居中了

图片左右间隙相同，居中显示

.msg_box{text-align:center;width: 95%;margin: 0 auto;} //div左右居中
.msg_box img{width:auto;height:auto;max-width:100%;max-height:100%;}

margin:auto=margin:auto auto auto auto;
margin:0 auto=margin:0 auto 0 auto;
margin:n m p q表示该元素上外边距为n，右外边距为m，下外边距为p，左外边距为q，即 margin:上 右 下 左 ，逆时针一圈。

img{width:auto;height:auto;max-width:100%;max-height:100%;}