表格元素

Posted cuishuangshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格元素相关的知识,希望对你有一定的参考价值。

<table>
  <caption>表格标题</caption>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
  </tbody>
</table>
colspan:合并列单元格(横向合并)
rowspan:合并行单元格(纵向合并)
边框合并属性:border-collapse
作用标签:table
border-collapse:separate;(默认值)不合并
border-collapse:collapse;合并边框
边框间的留白:border-spacing
作用标签:table
支持1到2个值的设定,控制水平间距和垂直间距,不允许负值

技术图片

 

以上是关于表格元素的主要内容,如果未能解决你的问题,请参考以下文章

JS基础13-DOM访问表格子元素的常用属性和方法

css怎样让div里的表格居中对齐

表格标签

HTML5 权威指南第 11 章 表格元素 学习笔记

使 html 表格元素响应水平滚动

element-ui 表格元素映射渲染、即 传数字,渲染名称