表格
2018-07-15 本文已影响0人
咔狼
1. 表格构成:
通常由一个主体table然后包含若干行(tr),行里面包含若干单元格(td、th表头),可以以通过(thead、tbody、tfoot)将表头、标题、表脚部区域语义化区分
2. 表格的css属性:
- 给table宽度,高度。默认表格每一项会平均分配宽,出去thead和tfoot,tbody里面的平均分配高
- 可以给th,td单独的宽高. 如果有冲突,会取最大值。
- 字体居中:th默认上下左右居中,td默认上下居中。可以通过text-align: center; 设置文本对齐方式
- table支持margin,th、td不支持margin
- 给table和th,td背景是等价的,color也可设置
- colspan 合并列 不能合并表头和表尾
- rowspan 合并行 不能合并表头和表尾
- table可以浮动
3. 表格特征:
- 表格的独特类型:display: table
- 支持margin: auto;
- 支持宽高,不给宽高内容撑开宽高
- 独占一行