Css居中定位相关

Css绝对定位之后居中：

1.CSS3:

position: absolute; 
left: 50%; 
top: 50%;
transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */

以上如果只想水平或者垂直居中修改对应的X，Y既可 translate(X, -Y);

2.margin: 垂直水平居中；

position: absolute; 
left: 0; 
top: 0;
right: 0;
bottom: 0;
margin: auto;    /* 有了这个就自动居中了 */

以上如果只想水平或者垂直居中修改对应的上下左右方位即可；

Css 自动换行后文字垂直居中；

display:flex;
justify-content:left;
align-items:center;
height:100%;
width:100%;