文章目录

html中td、th标签colspan属性用法

colspan属性按照手册上的定义,就是规定单元格可横跨的列数。

但是小编总觉得,这样的定义太公式化了,不是那么容易理解。

个人觉得,如果通俗点说,就是“合并列单无格”的个数。

使用colspan属性的时候,一般是用在td或th标签的地方。

正常实例

<table border="1">
  <tr>
    <th>姓名</th>
    <th>性别</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>乔峰</td>
    <td colspan="2">男 32</td>
  </tr>
  <tr>
    <td>阿珠</td>
    <td>女</td>
    <td>26</td>
  </tr>
</table>

错位实例

<table border="1">
  <tr>
    <th>姓名</th>
    <th>性别</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>乔峰</td>
    <td colspan="2">男</td>
    <td>32</td>
  </tr>
  <tr>
    <td>阿紫</td>
    <td>女</td>
    <td>25</td>
  </tr>
</table>
亲自测试一下

需要注意的是设置colspan的值的时候,值加上同级别的td或th标签个数一定要等于总的td或th个数,否则会错位。

本文网址:http://www.santii.com/article/107.html


数据更新时间:2018-09-22