表格(table)

表格在网页中往往用来显示数据的。
table:表格
tr:表格的每一行
th:表格的列标题
td: 单元格
1、表格行分组标签:

表头:表格的头部 表体:表格的主题 表尾:表格的尾部 作用:可以给表格的每一行进行分组; 注意: 一个table里 只能有一组thead、和一组tfoot标签,但可以有多个tbody; 2、表格列分组: 说明:从左像右依次进行列分组的 3、caption:表格标题标签 caption-side :top/bottom/right/left 设置表格标题的显示位置的 默认是都是以top方向显示的,只有火狐浏览器是全部支持的,IE6只支持top,其他浏览器支持top和bottom

扩展:
1、单元格间距:border-spacing:value;
单元格间距(该属性必须给table添加) 表示单元格边框之间的距离, 不可取负值。
2、合并相邻单元格边框:border-collapse:separate/collapse;
说明:合并相邻单元格边框 (该属性必须给table添加) separate(边框分开)默认值; collapse(边框合并)。
3、无内容时单元格的设置:empty-cells:show/hide;
说明:定义当单元格无内容时,是否显示该单元格的边框区域;show:显示 ;hide:隐藏;
4、显示单元格行和列的算法(加快运行的速度): table-layout:auto/fixed;
默认时是:auto;自由显示 根据内容的多少显示宽高
fixed : 固定显示 固定大小,平分表格的宽度;
auto :优点: 让单元格显得是更加灵活;
缺点:他会增加浏览器的运行负担;

fixed:优点:快速分配单元格大小;
缺点:不够灵活;

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值