css text文字居中显示

CSS中的text属性可以控制文本在元素中的对齐方式。通过设置text-align属性，我们可以将文本水平居中或垂直居中。

/* 水平居中 */.text-center {
    text-align: center;
}
/* 垂直居中 */.text-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

水平居中使用text-align:center来实现，其适用于元素是块级元素或行内块级元素的情况，例如div、p、span等。

垂直居中则需要使用flex布局的属性来实现，设置父元素的display为flex，justify-content和align-items均设置为center即可。

可以配合使用这两种方式来实现水平和垂直居中。

/* 水平垂直居中 */.text-center-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}
    

需要注意的是，垂直居中需要将父元素的height属性设定为固定值或百分比，否则无法实现。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！