关于table的那些用法(一)


从开始学习html,就一直用div+css来实现网页布局,很少用table,所以到现在对table了解只是些简单的,table对于后台数据布局还是有一定好处,比起div+css布局有一定的优越性。今天做后台页面用到处理数据的页面,就去了解了table方面的知识。


表格是HTML中最有用且复杂的结构之一,最简单的表格由一个<table>元素构成,其中包含一个或多个行元素<tr>,每一行又包含一个或多个单元格。单元格可以是表头单元格<th>或者数据单元格


表头单元格用于显示说明列和行用途的标题文字。每一个列可以有多行的表头单元格,也可以没有表头单元格。表头单元格和数据单元格可以包含任意内容,包括嵌套表格、块级元素、文字和对象。通常,数据单元格显示表格数据,而表头单元格显示文字。


单元格可以设置colspan 和rowspan属性,使之跨越若干列或跨越若干行。为了防止单元格缺失,每一行必须包含相同数量的单元格,或者使用colspan实现跨越多列的单元格。

主流浏览器只支持少数表格、单元格、行、行组、列和列组的框模型属性,background是唯一适用于所有元素的属性。margin只适用于表格。border只适用于表格和单元格。padding、overflow、和vertical-align适用于单元格。text-indent、text-align和其他文字样式设置属性仅适用于单元格,但行、行组和表格元素会继承这些属性。width适用于表格、单元格和列。height适用于表格、行和单元格,可以指定表格、行或单元的最小高度。它只能指定最小高度,因为内容总是会扩大单元格、行或表格的高度。与之相反,当设置为固定高度时,块元素的内容会溢出,而不会扩大元素

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值