1 <div class="hack"> 2 <p>javascriptfff java scriptffff fffffff javascri pt javascript javascript</p> 3 <p>111111111111111111111111111111111111</p> 4 <p>我們去吃飯吧我們去吃飯吧我們去吃飯吧我們去吃飯吧我們去吃飯吧我們去吃飯吧</p> 5 </div>
1 .hack{ width:100px; word-wrap:break-word; border:#000 1px solid;}
運行結果：
文本換行的一些樣式屬性：
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;不換行，超出部分隱藏且以省略號形式出現