[Back To Basic] CSS Text Effects

text-overflow

文字超出容器時如何處理

• clip: 直接裁斷
• ellipsis: 刪節號後面省略

word-wrap

"單字"超出容器時如何處理

• break-word: 單字可裁斷

word-break

容器內，語句斷行的規則

• keep-all: 保留每個單字完整
• break-all: 只要超出邊界即裁斷單字

writing-mode

文字的書寫方向，以及水平書寫或垂直書寫

source code