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. 剖析Elasticsearch集群系列之二：分布式的三个C、translog和Lucene段

    转载:http://www.infoq.com/cn/articles/anatomy-of-an-elasticsearch-cluster-part02 共识——裂脑问题及法定票数的重要性 共识是 ...

  2. 如何实现@ResponseBody,把Json字符串转换为指定类型

    1.问题 spring 是如何把 http中的body,转换为指定类的,里面的难点其实在于泛型的处理. 2.Spring的处理 2.1 HandlerMethod 这个类Spring对Method的封 ...

  3. 安装 powerline

    使用说明: https://powerline.readthedocs.io/en/latest/usage.html ~ vim,在 .vimrc 中添加配置 set rtp+=/usr/lib/p ...

  4. VC++、Win32 SDK、MFC的区别

    这是一个初进行开发人员都可能遇到过的概念不清的问题,自己当年也同样有过误解,做技术我感觉一定要专,但是,不代表毫不关心相关的知识,至少概念层次上要知道,所以,这里还是再把这些内容纪录下来,好记性不如烂 ...

  5. codeforces#525 Div2---ABC

    A---Ehab and another constriction problem https://codeforc.es/contest/1088/problem/A 题意:给定一个数$x$找两个在 ...

  6. 电子产品使用感受之--Windows 10 小米笔记本Air HDMI转VGA无信号问题

    最近一直通过HDMI转VGA线缆链接我的戴尔P2314H显示器,前天睡觉前,看到电脑上英伟达显卡推了驱动更新,顺手更新了一下,就去睡觉了,转天晚上再用,HDMI接口就没有信号了,上网查了一些信息,获知 ...

  7. IO 流小记录

    File类 构造函数:  FIle file = new File(path); 常用函数: 是否存在:  file.exists() 文件名: file.getName() 父目录: file.ge ...

  8. plsql developer 安装

    PLSQL Developer 安装分以下几步: 一.下载Oracle客户端 PLSQL Developer是通过oracle client连上Oracle server的. http://www.o ...

  9. bitmq集群高可用测试

    Rabbitmq集群高可用 RabbitMQ是用erlang开发的,集群非常方便,因为erlang天生就是一门分布式语言,但其本身并不支持负载均衡. Rabbit模式大概分为以下三种:单一模式.普通模 ...

  10. jctable

    1.jctable 选择单项并删除: var items = Co["MyTable"].GetSelected("HtmlEle"); if (items.l ...