对未知宽高的元素实现垂直水平居中
<div><p>12</p></div>
方式一:absolute+transform
p {
position: absolute;
transform: translate(-50%, -50%);
}
方式二:flex+justify-content+align-items
div {
display: flex;
justify-content: center;
align-items: center;
}
方式三
div {
display: table;
}
p {
display: table-cell;
text-align: center;
vertical-align: center;
}