CSS 属性 text-align
用于指定文本在其父元素内的水平对齐方式。这个属性可以应用于块级元素和行内元素。
可选值
left
:文本左对齐。right
:文本右对齐。center
:文本居中对齐。justify
:文本两端对齐,即在每一行的开头和结尾都是左对齐和右对齐。
语法
selector { text-align: value; }
示例代码
-- -------------------- ---- ------- ---------- - ----------- ----- - ----------- - ----------- ------ - ------------ - ----------- ------- - ------------- - ----------- -------- -
在上面的示例代码中,我们定义了四个类名,分别用于设置文本的不同对齐方式。通过在 HTML 元素中添加这些类名,可以实现不同的文本对齐效果。
注意事项
text-align
只会影响文本在水平方向上的对齐方式,不会影响垂直方向的对齐。- 如果父元素设置了
text-align
,那么子元素的文本也会继承这个对齐方式,除非子元素自己设置了不同的对齐方式。
在实际开发中,根据设计需求和排版要求,合理使用 text-align
属性可以让页面的文本呈现更加美观和整洁。