CSS隐藏表格超出的内容

网络整理 - 07-28
    表格内容超出宽度后,一般的办法是使用 word-break:break-all 让内容自动换行,这里介绍一种让超出的内容自动隐藏的办法,代码如下:

<div style="width:50px;height:50px;overflow:hidden;">
<table cellspacing="0" cellpadding="0">
  <tr>
 <td>这里是表格的内容</td>
  </tr>
  <tr>
 <td>这里是表格的内容</td>
  </tr>
  <tr>
 <td>这里是表格的内容</td>
  </tr>
</table>
</div>