CSS实现元素水平垂直居中

1. 已知大小的元素在屏幕窗口水平垂直都居中

1. width:数值；
2. height:数值;
3. position: fixed;
4. left:50%
5. top:50%
6. margin-left: - width/2;
7. margin-top: - height/2;

2. 已知大小的子元素在父元素中水平垂直居中

1. width:数值；
2. height:数值;
3. position: absolute;
4. left:50%
5. top:50%
6. margin-left: - width/2;
7. margin-top: - height/2;

3. 未知大小的元素在屏幕窗口水平垂直都居中

1. position: fixed;
2. left:0;
3. right:0;
4. top:0;
5. bottom:0;
6. margin:auto;

4. 未知大小的子元素在父元素中水平垂直居中

1. position: absolute;
2. left:0;
3. left:0;
4. top:0;
5. bottom:0;
6. margin:auto;