css文本上下居中对齐

CSS中文本的上下居中对齐可以通过使用vertical-align属性来实现。这个属性可以用在行内元素和表格单元格中，同时也可以使用在display: table-cell的元素中。

在行内元素中，可设置vertical-align: middle; 使文本垂直居中对齐。此外，还可以设置line-height属性使行高与容器高度相同，这样也可以实现文本垂直居中。

div class="container">
    span class="text">
    这里是居中的文本/span>
    /div>
.container {
    height: 100px;
    background-color: #ccc;
     display: flex;
    justify-content: center;
    align-items: center;
}
.text {
    font-size: 20px;
    font-weight: bold;
}
    

以上代码示例使用了 flex 布局，将容器的高度设置为100px，并且设置了背景颜色为 #ccc。在样式中，我们使用了justify-content: center; 和align-items: center; 属性来实现水平居中和垂直居中，同时修改了文本样式，设置了字体大小和字体粗细。

总而言之，CSS文本的上下居中对齐可以通过设置vertical-align属性、line-height属性或 flex 布局实现。开发者可以根据需要灵活选择合适的方式来实现文本居中对齐。

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