前端录网站,记录前端点点滴滴,帮助程序猿快速成长!

table中的td内容超出隐藏

html/css
<table style="table-layout: fixed;width: XXX px">
    <tr>
          <td style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;" ></td>
    </tr>
</table>

table标签需要设定属性 table-layout: fixed;width:XXXpx;
 
在要超出隐藏的td标签上设定属性  white-space: nowrap;text-overflow: ellipsis;overflow: hidden; 
 
不要忘了给table加个宽度 



转载请注明:前端录»table中的td内容超出隐藏