在CSS中,text-align属性用于控制块元素中文字的对齐方式。通过设置该属性,我们可以将块元素内的文字统一左对齐、右对齐、居中对齐或两端对齐。text-align属性可以应用于绝大部分HTML元素及其派生元素。
div{ text-align: center; }
在上述代码中,我们使用text-align属性将一个div元素内部的文字居中对齐。我们可以将其值设置为“left”、“right”、“center”或“justify”中的一个。默认值是“left”。
值得一提的是,在有些情况下text-align属性对块级元素的表现可能会与我们预期的不同。比如,如果我们想让一个表格元素内的文字居中对齐,我们需要对表格元素设置“text-align:center”属性,而不是对其内部元素(如td元素)设置该属性。
table{ text-align: center; }
除了块级元素,text-align属性还可以应用于一些内联元素,如文本居中对齐的span元素。
span{ text-align: center; }
最后,需要注意的是text-align属性只能控制文字在水平方向上的对齐方式。如果我们需要控制文字在垂直方向上的对齐方式,则需要使用vertical-align属性。