10、table标签

table标签
    <table></table> 表格
    <thead></thead> 表格的头部
    <tbody></tbody> 表格身体
    <tfoot></tfoot> 表格尾部
    <tr></tr>       表格的行数
    <th></th>       表格的标题
    <td></td>       表格的单元格
table标签的特性:
    1.单元格会默认平分整个table的宽度
    2.th标签的内容默认字体加粗,并且水平和垂直方向都居中
    3.td的内容默认字体不加粗,并且垂直居中
    4.table的宽度决定整个表格的宽度,如果td、th设置的总宽度比table的宽度大时,td和th设置的宽度不会生效
    5.table的同一列宽度取决于其中最大宽度的单元格(th、td最好都设置上宽度)
    6.table的同一行高度取决于其中最大高度的单元格(th、td最好都设置上高度)
        Tips:利用表格的默认特性(水平、垂直居中等),可以把标签元素的display设置为table、table-cell等来实现居中

table单元格合并:
    colspan="数值" 横向合并
    rowspan="数值" 纵向合并
        数值对应需要合并的单元格的数量
        Tips:
            被合并的单元格要删除,否则会多出一个
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容