[css]table的拆分

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的拆分的更多相关文章

css table 布局
使用CSS表格 CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题.例如,“display:table;”的CSS声明能够让一个HTML元素和它的子节点像table元素一 ...
css+table
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
css table 合并单元格
1. css table 合并单元格 colspan:合并列, rowspan:合并行, 合并行的时候,比如rowspan="2",它的下一行tr会少一列: 合并列的时候,比如co ...
CSS Table（表格）
CSS Table(表格) 一.表格边框 border 指定CSS表格边框,使用border属性. 下面的例子指定了一个表格的Th和TD元素的黑色边框: table, th, td { border: ...
css Table布局：基于display:table的CSS布局
两种类型的表格布局你有两种方式使用表格布局 -HTML Table(<table>标签)和CSS Table(display:table 等相关属性). HTML Table是指使用原生 ...
css table布局
表格布局有两种方式: 1.HTML Table(<table>标签)和 2. CSS Table(display:table 等相关属性). HTML Table是指使用原生的<ta ...
HTML&CSS Table元素详细解说
1.预热 css样式多如牛毛,我不可能一个一个去讲,那样好像背字典一样,我相信你们也不喜欢这样的方式.所以,我会在实战中慢慢和你讲解,然后,你记住一些重要的css属性就可以了.关键是,你要学会去查资料 ...
div,css&table布局有哪些区别
DIV+CSS布局与TABLE布局相比,有哪些优点? 1.代码少,页面文件小,下载快 Div+css的布局现在属于国际W3C标准,table不是. 都知道用div的布局代码肯定少,所有的样式都在CSS ...
纯CSS,table的thead固定,tbody显示滚动条
以下代码,仅在谷歌下测试过首先是html的table的代码: <table class="tablediv" id="myTable" border=& ...

随机推荐

使用LevelListDrawable实现Html.fromHtml多张图片显示
stackoverflow网站果然强大,帮了我不少忙! http://stackoverflow.com/questions/16179285/html-imagegetter-textview 首先 ...
RabbitMQ随笔
不管是官方还是能搜到的文章,使用MQ的基本思路都是这样: static void Main(string[] args) { //通过工厂建立连接 using (IConnection connect ...
io流和序列化
1.使用File操作文件 public class IoTest { public static void main(String[] args) throws IOException { /* 01 ...
AngularJS基础01 从HelloWorld说起
作者:arccosxy 转载请注明出处:http://www.cnblogs.com/arccosxy/ 准备工作首先,创建一个名为index.html的HTML文件,代码如下: <!DOC ...
amcharts去除版权标志
打开amcharts.js, 查找drb, 找到后,将drb:function(){......}程序{}中间内容清空, 或者改成drb:function(){return;}
Javascript合并表格相同内容单元格示例
效果图: HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...
{Django基础七之Ajax} 一 Ajax简介二 Ajax使用三 Ajax请求设置csrf_token 四关于json 五补充一个SweetAlert插件(了解)
Django基础七之Ajax 本节目录一 Ajax简介二 Ajax使用三 Ajax请求设置csrf_token 四关于json 五补充一个SweetAlert插件(了解) 一 Ajax简介 ...
idea 乱码问题
1. db browser查询结果为乱码: 找到idea的安装目录如C:\..\Roaming\JetBrains\IntelliJ IDEA Community Edition 2018.1.3\ ...
flex-shrink (适用于弹性盒模型容器子元素)
设置或检索弹性盒的收缩比率(根据弹性盒子元素所设置的收缩因子作为比率来收缩空间.) 语法 flex-shrink: <number> (default 1) flex-shrink的默认值 ...
struts2 中 paramsPrepareParamsStack 拦截器
struts2二次参数拦截器内容: 规定了请求的执行顺序在struts2中,其拦截器为框架精华部分,而二次参数拦截器paramsPrepareParamsStack 对于解决数据回显,对象修改属性 ...

[css]table的拆分

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

随机推荐

热门专题