美文网首页
转载 HTML Table td 自动换行(中英文)

转载 HTML Table td 自动换行(中英文)

作者: geeooooz | 来源:发表于2019-11-14 11:19 被阅读0次

CSS: word-break:break-all; word-wrap:break-word;

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>  

代码

<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>  

相关文章