table

table总结

  1.宽度默认由内容撑开

  2.当td设置宽度,内容较多的情况下 ,  宽度不会撑开,撑开段元个高度。

3.当给行列设置宽高时,余下的尺寸被剩下的行列平均分配。

4.一列的宽度是一致的,任意改变一个td宽度,这一列所有的td宽度随之改变。

5.一行的高度是一致的,任意改变一个td宽度,这一行所有的td高度随之改变。

table样式

border    边框

colspan   跨列合并

rowspan    跨行合并

thead    表头

th     行头

tr      行

td      单元格

cellpadding     单元格内容距离离单元格边界的距离

table-cell    表格单元格

border-sapcing:设置相邻单元格的边框间的距离;

border-collpase:设置表格的边框是否被合并为一个单一的边框,collapse是合并,separate是默认值不合并;

table的可选属性

width :规定表格的宽度

height:规定表格的高度

border :规定表格边框的宽度

cellpadding:规定单元边沿与其内容之间的空白也就是,单元格内边距;

cellspacing:规定单元格之间的空白;默认是2px;

bgcolor:规定表格的背景颜色;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • 上节课,使用table做出了一个最基本的表格,学会了设置表格的属性,调整宽度和边框。这节课,来学习如何更多tabl...
    学哥量化交易学习阅读 2,643评论 0 5
  • table是双标签,display:table;简单地表格由一个table和多个tr,td,th组成; tr定义表...
    没_有_人阅读 384评论 0 2
  • table 表格 双标签 表格级 写法 (th表格头) (单元格) 一个table标签可以有多个tr和td标签组成...
    放飞吧自我阅读 666评论 0 0
  • 财富目标:六十天增加6000的现金收入。 +跟业力伙伴Gigi聊了一下,问她是不是找瑜伽界的网红写过推广,或者做了...
    Annie宋佳阅读 107评论 0 0