table { table-layout: fixed; width: 100%; }
td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
var table = document.querySelector('table'); var cells = table.querySelectorAll('td');
for (var i = 0; i < cells.length; i++) { var cell = cells[i]; var content = cell.textContent; var width = cell.offsetWidth; var height = cell.offsetHeight;
if (content.length > 10) { cell.style.width = (width * content.length / 10) + 'px'; cell.style.height = (height * content.length / 10) + 'px'; } }
上一篇:表格模型 - 动态分区
下一篇:表格内单元格的背景未正确填充。