表格标记及子标记使用的格式修饰属性
1、表格的组成结构:tabel(标题+头+主体+脚)
1)、标题 caption
2)、头:thead+(tr+th) 或 tr+td,只能有一个thead,一个thead中只能有一个tr。
3)、主体:tbody+(tr+td) 或 tr+td,可以有多个tbody,一个tbody中可以有多个tr。
4)、脚:tfoot+(tr+td) 或 tr+td,只能有一个tfoot,一个tfoot中只能有一个tr。
2、colgroup和col,以行为单位去控制表格直接通过tr标签就可以很方便的达到目的,如果以列为单位可以使用colgroup标签和col标签。
3、html5对之前各个版本的表格标签属性大部分不再支持,其中很多属性都可以用样式属性去实现,表格标签、标签属性只负责结构。
4、一些常用的设置
1、跨行 给单元格(td、th)设置 rowspan=”3”
2、跨列 给单元格(td、th)设置 colspan=”2”
二、表格table独有的的样式属性
1、设置单元格是否独立存在的样式属性 border-collapse
1.1)、属性值:separate( 默认值) 单元格独立存在。
1.2)、属性值:collapse 相邻单元格边框合并,table的另一个样式border-spacing无效。
2、设置相邻单元格之间的距离 border-spacing,属性值为css长度值。
3、设置表格标题的位置 caption-side,属性值top( 默认值)、bottom–>标题分别在上面、下面。
html colspan属性4、空单元格是否显示边框 empty-cells,属性值show( 默认值)、hide –>分别是显示、不显示。
5、设置当内容过长时,是否拉伸单元格 table-layout
5.1)、auto 默认值,内容过长时,拉伸整个单元格。
5.3)、fixed 内容过长时,不拉伸整个单元格。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论