css水平垂直居中

水平居中：

1、text-align: center;
2、margin: 0 auto;
3、position: absolute;
　　left:50%;
　　transform: translateX(-50%);
4、display:flex;
　　justify-content: center;

垂直居中:

1、height: 34px;
　　line-height: 34px; /* 设置行高等于元素高度 */
2、position: absolute;
　　top: 50%;
　　transform: translateY(-50%); /* 定位 */
3、display: flex;
　　align-items: center;
4、display: table;
　　display: table-cell
　　vertical-align: middle;