在部分浏览器中,表格如果限定了宽度。会导致表格内容分行,影响表格阅读。
表格自动适应宽度
td { width: 1px; white-space: nowrap; // 自适应宽度,不换行 word-break: keep-all; // 避免长单词截断,保持全部 }
表格自动适应高度
table { table-layout: fixed; //不撑破列宽 width: 100%; }
在部分浏览器中,表格如果限定了宽度。会导致表格内容分行,影响表格阅读。
表格自动适应宽度
td { width: 1px; white-space: nowrap; // 自适应宽度,不换行 word-break: keep-all; // 避免长单词截断,保持全部 }
表格自动适应高度
table { table-layout: fixed; //不撑破列宽 width: 100%; }