html表格自适应宽度,让表格拉伸显示方法

chongq 分享于 9小时前 18256阅 0人收藏此代码, 我要收藏

如果表格里的数据太多,我们希望可以让表格拉长显示,让页面出现横向滚动条

自适应宽度: 
td {
    width: 1px;
    white-space: nowrap; /* 自适应宽度*/
    word-break:  keep-all; /* 避免长单词截断,保持全部 */
}
  


自适应高度 
table { 
      table-layout: fixed; 
      width: 100%; 
}
  

标签:
  • 自适应宽度
  • 表格拉长
  • html