css中怎么设置文字垂直居中

CSS是网页开发中重要的一部分，它控制着样式和布局。在制作网页时，设置文字垂直居中是很常见的需求。
设置文字垂直居中的方法如下：
1.使用line-height属性
line-height属性用于设置行高，可以使文字垂直居中。例如，在p标签中添加如下代码：
pre {
font-family: Consolas, monospace;
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
}
p {
line-height: 100px;
}
这里的line-height值为100px。可以根据需要调整这个值。
2.使用display: flex
flex布局是当前最流行的布局方式之一，也可以用于垂直居中。例如，在父元素中添加如下样式：
pre {
font-family: Consolas, monospace;
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
}
.parent {
display: flex;
align-items: center;
justify-content: center;
height: 300px;
}
.parent是包含文本的父元素，里面的文本会垂直居中。align-items: center设置垂直居中，justify-content: center设置水平居中。
总结：以上两种方法都可以实现文字垂直居中，具体选择哪一种方法可以根据需要和实际情况来决定。需要注意的是，line-height的值与字体大小相关，如果字体大小改变，需要重新计算行高。而flex布局可以适用于多种情况，是更加通用的解决方案。