解决使用display:table-cell;vertical-align:middle;无法水平居中的问题

.box {
    display:table-cell;
    vertical-align:middle;
}

使用以上方法,做多行垂直居中的时候,原来设置的,margin:0 auto;水平居中会失效,因为table-cell是不支持margin的
那么我们可以在box外面包裹一层,使得原来无法居中,现在居中了。
.wrapper {
    display:table;
    margin:0 auto;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注