table标签表格宽高失效以及前端知识回顾

http://www.w3school.com.cn/jsref/prop_style_tablelayout.asp 重点内容 table细边框，表格不被撑开，td某些列宽度固定某些列自适应 1，实现table细边框,设置如下css： table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}

2，table表格宽度固定，同时td内容过长也不会被撑开，设置如下css： table{table-layout:fixed;word-break:break-all;}

3，table-layout automatic 默认。列宽度由单元格内容设定。 fixed 列宽由表格宽度和列宽度设定。 没有指定时，宽度平均分 4，border-spacing该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中，第一个是水平间隔，第二个是垂直间隔。除非 border-collapse 被设置为 separate，否则将忽略这个属性。尽管这个属性只应用于表，不过它可以由表中的所有元素继承。 table{ border-collapse:separate; border-spacing:10px 50px; } 5. $(“#tab tbody tr”).each(function(index,content){ //表格值为”underfined”时替换值为”空数据” if(content.cells[2].innerHTML==”undefined”){ content.cells[2].innerHTML=”空数据“; } if(content.cells[2].innerText.match(“^http([s]?):”)){ //将http开头的数据用 a 标签包裹 //content.cells[2].innerHTML=”“+content.cells[2].innerHTML+”“; //删除以http开头的数据（暂时不显示，后期删除即可） console.log($(content).remove()); } });