表格

1、结构:table-thead(tr-th)-tbody(tr-td)-tfoot(tr-td)

2、重置:th,td{padding:0;};table{border-collapse:collapse;}:清掉单元格之间的间距

3、不要给table,th,td以外的标签加样式,会用兼容性问题

4、table既不是内联也不是快,就是display:table;

5、table无宽度,就由内容撑开;若加宽度,table的宽度决定了整个表格的宽度,里面的单元格平分宽度,单元格宽度是百分比;

6、表格里每一列必须有宽度,不然内容多了会撑开表格使表格无法均分;让其撑开高度来缓解横向的空间不足

7、若给th,td加高度,th里的文字默认加粗居中显示,td内容居左上下居中显示

8、合并:colspan:横向合并,删去合并列;rowspan:纵向合并,删去合并行

posted @ 2016-04-23 10:52  中二的羊  阅读(123)  评论(0编辑  收藏  举报