https://blog.csdn.net/qq_35415600/article/details/70237433

<body>

<table border="1" cellspacing="0">

    <tr>

        <td>ip</td>

        <td>host</td>

        <td>task</td>

        <td>item1</td>

        <td>item2</td>

        <td>item3</td>

    </tr>

    <tr>

        <td rowspan="4">1</td>

        <td rowspan="4">2</td>

        <td rowspan="4">3</td>

        <td rowspan="4">4</td>

        <td rowspan="4">5</td>

        <td>6</td>

    </tr>

    <tr>

        <td>6</td>

    </tr>

    <tr>

        <td>6</td>

    </tr>

    <tr>

        <td>6</td>

    </tr>

</table>

<hr>

<table border="1" cellspacing="0" width="50%" height="150">

    <caption>纵向合并单元格</caption>

    <tr>

        <th>班级</th>

        <th>姓名</th>

        <th>姓名</th>

        <th>年龄</th>

        <th>电话</th>

    </tr>

    <tr>

        <td rowspan="2">601班</td>

        <td rowspan="2">601班</td>

        <td>Jack</td>

        <td>24</td>

        <td>1351234567</td>

    </tr>

    <tr>

        <td>Tom</td>

        <td>22</td>

        <td>1351234567</td>

    </tr>

    <!--rowspan中必须指定要合并的列数目，是两行还是三行等等-->

    <tr>

        <td rowspan="3">602班</td>

        <td rowspan="3">602班</td>

        <td>Rose</td>

        <td>22</td>

        <td>1351234567</td>

    </tr>

    <tr>

        <td>张三</td>

        <td>25</td>

        <td>1351234567</td>

    </tr>

    <tr>

        <td>李四</td>

        <td>25</td>

        <td>1351234567</td>

    </tr>

</table>

[css]table的拆分的更多相关文章

  1. css table 布局

    使用CSS表格 CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题.例如,“display:table;”的CSS声明能够让一个HTML元素和它的子节点像table元素一 ...

  2. css+table

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. css table 合并单元格

    1. css table 合并单元格 colspan:合并列, rowspan:合并行, 合并行的时候,比如rowspan="2",它的下一行tr会少一列: 合并列的时候,比如co ...

  4. CSS Table（表格）

    CSS Table(表格) 一.表格边框 border 指定CSS表格边框,使用border属性. 下面的例子指定了一个表格的Th和TD元素的黑色边框: table, th, td { border: ...

  5. css Table布局：基于display:table的CSS布局

    两种类型的表格布局 你有两种方式使用表格布局 -HTML Table(<table>标签)和CSS Table(display:table 等相关属性). HTML Table是指使用原生 ...

  6. css table布局

    表格布局有两种方式: 1.HTML Table(<table>标签)和 2. CSS Table(display:table 等相关属性). HTML Table是指使用原生的<ta ...

  7. HTML&CSS Table元素详细解说

    1.预热 css样式多如牛毛,我不可能一个一个去讲,那样好像背字典一样,我相信你们也不喜欢这样的方式.所以,我会在实战中慢慢和你讲解,然后,你记住一些重要的css属性就可以了.关键是,你要学会去查资料 ...

  8. div,css&table布局有哪些区别

    DIV+CSS布局与TABLE布局相比,有哪些优点? 1.代码少,页面文件小,下载快 Div+css的布局现在属于国际W3C标准,table不是. 都知道用div的布局代码肯定少,所有的样式都在CSS ...

  9. 纯CSS,table的thead固定,tbody显示滚动条

    以下代码,仅在谷歌下测试过 首先是html的table的代码: <table class="tablediv" id="myTable" border=& ...

随机推荐

  1. MySql 5.7 新特性概览

    安全的提升 1.1 在Mysql 8版本中,caching_sha2_password 是一个缺省的认证插见.5.7 版本的客户端支持 caching_sha2_password 的客户端认证. 1. ...

  2. 使用sts(SpringToolSuite4)无法将项目部署到tomcat容器

    一般情况下maven项目不能添加到tomcat容器中 ,需要在项目上进行设置 但是sts没有安装此插件,可以改用eclipse进行开发.

  3. Solr-全文检索工具简介

    一.Solr的简介 Solr 是Apache下的一个顶级开源项目,采用Java开发,它是基于Lucene的全文搜索服务.Solr可以独立运行在Jetty.Tomcat等这些Servlet容器中.都是W ...

  4. git rebase 操作撤销

    git rebase可以更改提交历史,在不影响别人的情况下,能够重整git树. 但如果git rebase操作失误,却在push后才发现,怎么撤销rebase操作呢? 使用git reflog + g ...

  5. 文件二进制与String相互转换

    //转换base64 OpenFileDialog dialog = new OpenFileDialog(); //dialog.Filter = "所有文件(*.*)|*.*" ...

  6. 浅析原生js模仿addclass和removeclass

    //判断有没有class hasClass(elements, cName) { return !!elements.className.match(new RegExp("(\\s|^)& ...

  7. atoi函数的用法

    库函数原型: #inclue <stdlib.h> int atoi(const char *nptr); 用法:将字符串里的数字字符转化为整形数.返回整形值. 注意:转化时跳过前面的空格 ...

  8. Eclipse各个版本区别

    1.eclipse下载地址: 最新版:http://www.eclipse.org/downloads/ 历史版:http://archive.eclipse.org/eclipse/download ...

  9. GlusterFS分布式存储系统中更换故障Brick的操作记录1

    前面已经介绍了GlusterFS分布式存储集群环境部署记录,现在模拟下更换故障Brick的操作: 1)GlusterFS集群系统一共有4个节点,集群信息如下: 分别在各个节点上配置hosts.同步好系 ...

  10. centos7安装zabbix客户端并监控

    zabbxi-agent安装及配置 1.安装zabbxi-agent yum install zabbix-agent -y 2.配置zabbxi-agent grep -n '^'[a-Z] /et ...