首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

tabel依据设置的宽度自动换行

2013-09-29 
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>  

热点排行