table表格设置宽度无效的原因及解决办法（转载）

在写项目的时候发现设置table表格失效，经过查询发现table表格有一个table-layout属性，它的默认值是automatic，这样列宽会根据单元格内容设定，在这种情况下，如果单元格内容太长，把表格的最大宽度填满，设置表格宽度就失效了。
解决办法:给表格加上一个table-layout:fixed属性，再设置宽度width：比如100%，但是只有这样也不行，因为单元格内容太长，不能自适应填充到表格中，所以还要给td 加上属性 word-wrap:break-word;和 width: auto !important;

作者：戒糖戒甜
链接：www.jianshu.com/p/06ca7edf7…
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。