在 CSS 中,可以使用 text-align
属性来设置文本的水平位置。常用的取值有:
left
:让文本左对齐。right
:让文本右对齐。center
:让文本居中对齐。justify
:让文本两端对齐。例如,可以使用以下 CSS 代码将一个 <div>
元素中的文本居中对齐:
div {
text-align: center;
}
此外,还可以使用 vertical-align
属性来设置文本的垂直位置。常用的取值有:
top
:让文本顶部对齐。middle
:让文本居中对齐。bottom
:让文本底部对齐。需要注意的是,vertical-align
属性只对行内元素或表格单元格中的元素有效。
例如,可以使用以下 CSS 代码将一个行内元素中的文本垂直居中对齐:
span {
display: inline-block; /* 将 span 元素转换为块级元素 */
vertical-align: middle;
}
还可以使用 line-height
属性来设置行高,从而间接地控制文本的垂直位置。例如,可以使用以下 CSS 代码将一个块级元素中的文本垂直居中对齐:
div {
line-height: 100px; /* 设置行高为容器高度的一半 */
text-align: center;
}