本帖最後由 陳育霖 於 2023-8-12 01:16 編輯
線條裝飾: text-decoration
none 預設、underline 底線、overline 頂線、line-through 刪除線- #line1 { text-decoration:underline; }
- #line2 { text-decoration:overline ; }
複製代碼 裝飾線條顏色: text-decoration-color- #line_blue {
- text-decoration: underline;
- text-decoration-color: blue;
- }
複製代碼 設定tab寬度: tab-size
tab-size: number 預設為8個英文字元寬度設定換行: word-wrap
normal 預設,只有在可換行的地方時換行,否則直到結束、break-word 將較長的單字或網址中途換行- #test1 {
- word-wrap: normal;
- }
- #test2 {
- word-wrap: break-word;
- }
複製代碼 文字超出範圍的處理: text-overflow
clip 超出時不顯示、elipsis 超出時以"..."顯示- #line1 {
- text-overflow: clip;
- }
- #line2 {
- text-overflow: elipsis ;
- }
複製代碼 |