我經常會遇到這樣的問題:在設計好寬度的表格中,因為有些文本資訊過長,而把表格撐開(弄的面目全非)!很讓人頭疼。其實解決這個問題很簡單,隻要在<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:break-all" > asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb </ td >
</ tr >
</ table >
試試看吧,結果孑然不同:)