我經常會遇到這樣的問題：在設計好寬度的表格中，因為有些文字資訊過長，而把表格撐開（弄的面目全非）！很讓人頭疼。其實解決這個問題很簡單，只要在<td>的樣式中加入word-break: break-all（強制換行），就會使那些不聽話的文字自動回行。是我剛剛學到的，一起分享~~~

一起看看吧：

沒有使用word-break之前：

<table width="300" border="1">      
<tr>      
 <td width="100px">
    測試內容：
</td>      
 <td width="200px">   asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb
</td>    
</tr>   
</table>
 

使用word-break之後：

<table width="300" border="1">      
    <tr>       
        <td width="100px">
            測試內容：
        </td>       
        <td width="200px" style="word-break:breakall">
            asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb
        </td>      
    </tr>     
</table>
 

試試看吧，結果孑然不同：）

多上網查詢 ， 別幹想！！！！！