css中文字垂直对齐

p { text-align: justify; text-indent: 2em; line-height: 1.5; }
pre {
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 16px;
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 20px;
overflow-x: auto;
}
CSS作为前端开发中必备的一项技能，其中文字垂直对齐也是一个重要的问题。在文本排版中，我们经常需要将文字垂直对齐到某个特定的位置上，这时候我们就需要学会CSS中的一些技巧。
CSS中文字垂直对齐的方法有很多种，我们在这里介绍其中的三种常用方法。
方法一：使用vertical-align属性
vertical-align属性可以将元素的内容垂直对齐到其容器的基线、中线或者顶部、底部等位置。
例如，我们可以用vertical-align和line-height属性将文字垂直居中：

p {
    line-height: 100px;
}

span {
    display: inline-block;
    vertical-align: middle;
} 

方法二：使用padding和line-height属性
这个方法是CSS中常用的方法之一，也是比较容易实现的一种。只需要给容器添加一定的padding值和合适的line-height值，就可以实现文字的垂直对齐。
例如，我们可以用padding和line-height属性将文字垂直居中：

p {
    height: 100px;
    line-height: 100px;
    padding: 10px 0;
    border: 1px solid #ccc;
} 

方法三：使用Flexbox布局
Flexbox是CSS3中的一个布局模型，它可以方便地实现网页中元素的排列和对齐。我们可以使用Flexbox布局实现文字的垂直对齐。
例如，我们可以使用Flexbox布局将文字垂直居中：

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

p {
    margin: 0;
} 

以上是CSS中文字垂直对齐的三种常用方法，可以根据实际需要灵活运用。同时，尽量避免使用绝对定位等一些影响排版效果的属性，以便更好地实现文字的垂直对齐。