码迷,mamicode.com
首页 > 其他好文 > 详细

关于表格

时间:2016-04-23 11:39:22      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

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:纵向合并,删去合并行

关于表格

标签:

原文地址:http://www.cnblogs.com/yaoyao-sun/p/5424140.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!