text-indent

應用

（1）使用 text-indent 負值隱藏文本內容，例如網站標頭

（2）使用text-indent的百分比值來實現寬度已知的內聯子元素居中

letter-spacing

應用

（1）清除 inline-block 列表由於換行符或者空格產生的空白間隙，使我們的布局控制更精準

.box {
 letter-spacing: -1em;
}
.list {
 letter-spacing: 0;
} 

（2）實現文字動畫

word-spacing

word-spacing 僅作用於空格字 符

word-break和word-wrap

white-space

white-space:nowrap應用

（1）包含快尺寸過小處理

（2）單行文字溢出點點點效果

（3）水平列表切換效果

text-align

text-align:justify 實現文本的兩端對齊

.justify {//能夠兼容所有瀏覽器的兩端對齊
 text-align: justify;
 text-justify: inter-ideograph;
} 

生效條件

（1）有分隔點，如空格

（2）超過一行，此時非最後一行內容會兩端對齊

占位列表

占位標簽的個數和列表的列數保持一致就可以

text-decoration

underline 下劃線 overline上劃線 line-through 中劃線

<del>標簽text-decoration默認就是line-through

text-transform

應用

（1）身份證輸入，最後一位

（2）驗證碼輸入

CSS進階（十九）文本控制