html表格解析

https://blog.csdn.net/a772116804/article/details/78836480  另一篇同文

代码中给table元素添加 table-layout: fixed; 或者给td添加 word-break: break-all ,都可以达到表格安装我们设置的宽度显示

表格的行:tr  每行中的列:td

  表格的表头:  默认加粗,单元格居中(居中、加粗) align="middle"

  表格标题:caption

  跨列:colspan,当某个格跨n列时,colspan ="n"

       跨行:rowspan,当某个格跨n行时,rowspan ="n+1"

      colspan是横向合并(可以理解为宽);rowspan是纵向合并(可以理解为高)。

cellspacing设置为“0”,显示的结果就是第一个表格的每个单元格之间的距离为0。若将表格边框设为“0”,则单元格 的距离就是0了。

cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小 。

cellspacing="0" cellpadding="0"为html中为table定义的属性,在CSS中没有.
cellpadding 对应 padding
cellspacing 对应 margin

html表格解析_第1张图片

    
    
    
      
  tab     
    
  
       
表格标题
序号 日期 姓名 时间 身份证号 单位 来访事由 记录人 备注
1
2
sssssssssss
3
4
5
6
7
经被访人核实,外来人员登记后方可入内。

 

你可能感兴趣的:(Css3)