目錄內容

• 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：