layui table td 内容超出自动显示滚动条

layui table td 内容超出自动显示滚动条

一. table 越过父级div 的情况 (富文本内容测试通过)

  1. 设置 table 被限制在外围div的方法:
table {
     table-layout: fixed;  /*fiexed 列宽由表格宽度和列宽度设定。 默认。列宽度由单元格内容设定。*/
     word-break: break-all;   /*允许在单词内换行*/
}
  1. 显示滚动条(要步骤1配合限制table的宽度):
td {
	overflow:auto;
}

二. table 没有越过父级div 的情况

  1. 显示滚动条:
td {
	overflow:auto;
}

你可能感兴趣的:(layui)