代码如何让字体居中
常见问答
怎样用CSS实现字体的水平居中？
我想通过CSS代码让网页上的文字在其容器内水平居中显示，应该使用哪些属性？
使用CSS的text-align属性设置水平居中
可以给文本所在的元素设置CSS属性text-align: center;，这样文字就会在水平轴上居中显示。比如：
.container {
text-align: center;
}
如何让字体在块级元素中垂直居中？
字体在div等块级元素内默认靠上，想要垂直居中显示需要怎么做？
通过设置display和align-items实现垂直居中
可以将容器设置为flex布局，并用align-items: center;实现垂直居中。
例如：
.container {
display: flex;
align-items: center;
height: 100px; /* 需要有高度才明显 */
}
代码实现字体在容器中水平和垂直同时居中有哪些方法？
我想让文本在一个父级容器内不仅水平居中还垂直居中，代码怎么写？
使用Flexbox或CSS Grid实现双轴居中
Flexbox方法：
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}
Grid方法：
.container {
display: grid;
place-items: center;
height: 100px;
}