css換行

文本換行的一些樣式屬性：

1. word-break:break-all;只對英文起做用，以字母做爲換行依據
2. word-wrap:break-word; 只對英文起做用，以單詞做爲換行依據
3. white-space:pre-wrap; 只對中文起做用，強制換行
4. white-space:nowrap; 強制不換行，都起做用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行，超出部分隱藏且以省略號形式出現

 

碰到記事本里有樣式 就是換行  文字貼到html裏就沒換行了  變成一灘字了。 鬱悶！

white-space:pre-wrap;

word-wrap:break-word;

加上這2個樣式 OK了 瞬間清爽了不少！

轉載請說明出處：第六感博客 原文連接：https://6blog.cn/frontEnd/55