<span class="<em>plate</em>
.<em>plate</em> {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
image.png
在已知元素宽度的情况下,
.desk {
display: grid;
align-items: center;
}
image.png
水平垂直居中
内联元素
Padding 和Text Align
.<em>plate</em>
{
text-align: center;
padding-top: 24px;
padding-bottom: 24px;
}
其他元素类型
绝对定位
.<em>plate</em> {
position