CSS：元素的居中

文本居中

1. 水平居中

text-align: center;

2. 垂直居中

line-height = height

块元素居中

1. 水平居中

margin: 0 auto;

2. 垂直居中

position: relative;
top: 50%;
transform: translateY(-50%);

3. 垂直水平居中

position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

4. 父相子绝

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;