文本水平居中
(1)父元素:text-align:center;
div垂直居中:
(1)父元素:display:flex;
子元素:align-self:center;
div水平垂直居中:
flex布局:
(1)父元素:display:flex;
justifiy-content:center;
align-items:center;
子元素:
父相子绝(父元素相对定位,子元素绝对定位):
(2)父元素:position:relative;
子元素:postion:absolute;
left:50%;
right:50%;
transform:translate(-50%,-50%);