[分享]css中字体放中间的代码

在CSS中，经常需要将文本居中或者是将字体放在中间位置，下面是一些CSS代码可以实现该效果：/ 居中文本 / .textcenter{ textalign: center; } / 字体放在中间位置 ...

在CSS中，经常需要将文本居中或者是将字体放在中间位置，下面是一些CSS代码可以实现该效果：

/* 居中文本 */
.text-center{
    text-align: center;
}

/* 字体放在中间位置 */
.vertical-center{
    display: flex;
    justify-content: center;
    align-items: center;
} 

为了让文本居中，我们可以使用“text-align：center”命令来实现，该命令会让文本在其容器中居中。如果想要将文本的水平和垂直都居中，可以将容器的 display 属性设置为 flex，并使用 justify-content 和 align-items 属性实现水平和垂直的居中。

以上代码虽然简单，但可以帮助我们快速地实现文本居中和字体放在中间的效果。