CSS的各种居中

CSS的各种居中

1、margin: 0 auto;
div的水平居中
使用margin设置水平居中时，和配合宽度，否则无效

.margin_center {
    margin: 0 auto;
    width: 250px;
    height: auto;
}

2、text-align: center；
既可以居中div中的文本
也可以居中div中的图片

3、vertical-align: middle;
元素的垂直对齐

4、字体的垂直居中

display: table-cell;
vertical-align: middle;