tabel依据设置的宽度自动换行
tabel根据设置的宽度自动换行CSS: word-break:break-all word-wrap:break-word//此css的作用是根据table
tabel根据设置的宽度自动换行
CSS: word-break:break-all; word-wrap:break-word; //此css的作用是根据table设置的宽度来自动换行,如果td里面的内容宽度超出了tabel设置宽度,就会换行
Html代码
<table width="200px" border="1" > <tr> <td style="word-break:break-all; word-wrap:break-word;" >序号序号序号序号序号序号序号序号序号序号序号序号序号序号序号序号序号</td> <td style="word-break:break-all; word-wrap:break-word;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddD</td> <td style="word-break:break-all; word-wrap:break-word;">111111111111111111111111111111111111111111111111111111111111111111111111111111</td> <td style="word-break:break-all; word-wrap:break-word;">!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</td> </tr> </table>
2代码
<table width="200px" border="1" style="word-break:break-all; word-wrap:break-word;" > <tr> <td>序号序号序号序号序号序号序号序号序号序号序号序号序号序号序号序号序号</td> <td>dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddD</td> <td>111111111111111111111111111111111111111111111111111111111111111111111111111111</td> <td>!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</td> </tr> </table>