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