css5 文字上下对齐 |html怎么创建css

例如，大家可以使用以下代码将一张图片和一段文本垂直居中对齐：
<div class="container">
<img src="example.png" alt="example">
<p class="text">This is an example</p>
</div>
.container {
display: flex;
align-items: center;
}
.text {
vertical-align: middle;
}
这样，图片和文本都将被垂直居中对齐。大家还可以使用vertical-align属性来实现其他样式的对齐，例如底部对齐和顶部对齐。
.vertical-bottom {
vertical-align: bottom;
}
.vertical-top {
vertical-align: top;
}
此外，当大家在表格中使用vertical-align属性时，该属性将对单元格中的内容进行垂直对齐。这对于制作网格布局非常有用。
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
td {
vertical-align: middle;
}
使用以上代码，大家可以将表格中的每个单元格中的内容都垂直居中对齐。