-
table 元素
在网页内容中创造一个表格 -
tr 元素 ( 创造表格中一行 )
在网页内容中创造表格的一行,只有行的话不会在网页内容中间展示任何效果,一个表格至少需要行和列同时出现 -
td 元素 ( 创造表格中的列 )
在网页内容中创造表格的一列,每一个tr(行)元素中间都要设置具体的列数,默认情况下,每一个tr的列数都是相同的 -
th 元素 ( 创造表格中的表头 )
在表格中间创造一列中的表头,专门用来标注这一列的数据类型或是名称 -
caption 元素 ( 创造表格的标题 )
-
表格区域划分 ( 表头 表身 表尾 )
thead : 表头区域
tbody : 表身区域
tfoot : 表身区域 -
合并单元格 ( 合并列 ) colspan
默认情况下,表格每一行的列数是相互独立的,若是某一行的列数较其他行少,那么少的列将会空出来 -
合并单元格 ( 合并行 ) rowspan
默认情况下,表格每一行的列数是相互独立的,若是某一行的列数较其他行少,那么少的列将会空出来 -
表格的默认尺寸数据计算
一列的宽度,由该列最宽的单元格内容决定
一行的高度,由该行最高的单元格内容决定
总 : 宽度放不下,行元素自动撑高
行元素撑高,整个table一起撑高 -
表格边框样式
border-collapse: separate 默认值
collapse 边框线
border-spacing:边框间距
表格元素与表格布局
最新推荐文章于 2021-05-26 22:01:13 发布