详解html中的元老级元素：“table”

标签：层叠   code   根据   需要   之间   table   cin   最大的   实现   

　　table标签历史悠久，在互联网出现的早期，web网页的排版主要是靠table表格，对web网页做出了不可磨灭的贡献，直到后来层叠样式表：CSS的发展完善，再配合空元素DIV，才有了今天绚丽多彩的网页样式，利用table标签排版网页就成了老掉牙的陈旧技术，很多前端初学者甚至对table这个标签很不屑，认为用了table好像自己就跟很low的技术沾上了边，所以除了一些需要用大量表格展示数据的网页，几乎看不到table的身影，table标签至此彻底的衰落了。

　　其实table标签虽然在网页排版方面的功能我们不需要了，但是在表格展示的时候，table无疑还是最好用的标签，由于table标签的样式设置和普通的标签不太一样，并且由于初学者的轻视，造成了一些人在开始学习html的时候并没有深入学习，导致在有需要使用的时候对table的各种属性设置糊里糊涂，比如我，在吃过亏以后详细测试整理了关于table的用法。

<td>标签中有用的属性：rowspan:n（跨行合并）、conspan:n(跨列合并）

table属性cellspacing、cellpadding的css替代写法
/*控制cellspacing*/ //border-spacing：相当于cellspacing（margin）
table{border:0; margin:0; border-collapse:collapse; border-spacing:0;} 
/*控制cellpadding*/ //直接设置td、th的padding，相当于设置了cellpadding
table td, table th {padding:0;}    

border-collapse : separate | collapse 
    separate  :　 默认值。边框独立（标准HTML） 
    collapse  :　 相邻边被合并

详解html中的元老级元素：“table”

标签：层叠   code   根据   需要   之间   table   cin   最大的   实现   

原文地址：https://www.cnblogs.com/superGG1990/p/10531710.html