CSS垂直水平居中

列出两种写法：

1.父元素规定子元素内容垂直居中

display: flex;
align-items: center;
justify-content: center;

2.子元素自己垂直水平居中

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