CSS text-align 属性

CSS 属性 text-align 用于指定文本在其父元素内的水平对齐方式。这个属性可以应用于块级元素和行内元素。

可选值

  • left:文本左对齐。
  • right:文本右对齐。
  • center:文本居中对齐。
  • justify:文本两端对齐,即在每一行的开头和结尾都是左对齐和右对齐。

语法

示例代码

-- -------------------- ---- -------
---------- -
  ----------- -----
-

----------- -
  ----------- ------
-

------------ -
  ----------- -------
-

------------- -
  ----------- --------
-

在上面的示例代码中,我们定义了四个类名,分别用于设置文本的不同对齐方式。通过在 HTML 元素中添加这些类名,可以实现不同的文本对齐效果。

注意事项

  • text-align 只会影响文本在水平方向上的对齐方式,不会影响垂直方向的对齐。
  • 如果父元素设置了 text-align,那么子元素的文本也会继承这个对齐方式,除非子元素自己设置了不同的对齐方式。

在实际开发中,根据设计需求和排版要求,合理使用 text-align 属性可以让页面的文本呈现更加美观和整洁。

纠错
反馈