文本居中
水平居中
text-align: center
;
垂直居中
line-height = height
块元素居中
水平居中
margin: 0 auto
;
垂直居中
position: relative
;
top: 50%
;
transform: translateY(-50%
);
垂直水平居中
position: relative
;
top: 50%
;
left: 50%
;
transform: translate(-50%,-50%
);
父相子绝
position: absolute
;
top: 0
;
bottom: 0
;
left: 0
;
right: 0
;
margin: auto
;
