table超出父级元素的宽度

tags: ‘css’

categories: ‘css’

table的内容过多超出父元素的盒子，设置宽度100%无效问题

解决方案
在table中加入下面的CSS样式

table {
    table-layout: fixed;  /*fiexed 列宽由表格宽度和列宽度设定。 默认。列宽度由单元格内容设定。*/
    word-break: break-all;   /*允许在单词内换行*/
}