【前端基础】6、CSS的文本属性（text相关）

目录内容

• text-decoration：设置文本装饰线
• text-transform：文本中文字的大小写转换
• text-indent：首行缩进
• text-align：设置文本对齐方式

一、text-decoration：设置文本装饰线

常见值：

• None：没有任何装饰线。（可以去除a元素默认的下划线。）
• underline：下划线
• overline：上划线
• line-through：中划线（删除线）

none：去除a元素默认的下划线

underline：

overline：

line-through：

二、text-transform：文本中文字的大小写转换

常见值：

• None：没有任何影响
• capitalize：将每个单词的首字母大写。
• uppercase：所有字母大写
• lowercase：所有字母小写

None：

capitalize：

uppercase：

lowercase：

三、text-indent：首行缩进

例： text-indent: 8em;

四、 text-align：设置行内的内容（例如文字）的对齐方式

定义行内的内容（例如文字）相对于它的父块元素对齐方式。
常见值：

• left：左对齐
• right：右对齐
• center：正中间显示
• justify：两端对齐 （flex布局会替代掉这个，所以这个用不到。）

left：

right：

center：

justify：
我们对比一下，看的更清晰。
①这是left

②这是justify

（内容源自网络，效果更明显）


实际上最后一行的内容可以看到，并没有实现两端对齐。
这时候就要结合： text-align-last

注意：
text-align不单单指的是文字。只要是行内级别的元素，都可以控制它的所在位置。

1. HTML中的块元素与行内元素（来自CSDN别人的博客）

2. 来自百度AI：