`
jishublog
  • 浏览: 869436 次
文章分类
社区版块
存档分类
最新评论

关于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适用于表格、行和单元格,可以指定表格、行或单元的最小高度。它只能指定最小高度,因为内容总是会扩大单元格、行或表格的高度。与之相反,当设置为固定高度时,块元素的内容会溢出,而不会扩大元素

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics