zoukankan      html  css  js  c++  java
  • [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>
    

  • 相关阅读:
    区块链
    黑帽内容整理
    编程语言
    编程语言
    PHP
    安全体系建设-OWASP
    burp
    编程语言-Python-GUI
    加解密
    结合自己的程序对thinkphp模板常量的理解
  • 原文地址:https://www.cnblogs.com/iiiiiher/p/9453175.html
Copyright © 2011-2022 走看看