zoukankan      html  css  js  c++  java
  • html表单元素的colspan和rowspan

     colspanrowspan这两个属性用于创建特殊的表格。

    colspan用来指定单元格横向跨越的列数:colspan就是合并列的,colspan=2的话就是合并两列。

    rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的,比如rowspan=2就是合并两行,

    • rowspan通常使用在tdth标签中
    • row:行,span:跨度,跨距,范围
    • col:列,span:跨度,跨距,范围
    
    
    <body>
    <table border="1" width="300">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>
    </br>
    <table border="1" width="300">
        <tr>
            <td colspan=3>合并第一行的三列</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>
    </br>
    <table border="1" width="300">
        <tr>
            <td rowspan="2">合并第一列的两行</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>
    </body>


    在浏览器中将显示如下

  • 相关阅读:
    java 多线程2
    java 多线程1
    java Object
    java 模板
    03015_JSTL技术
    运维人员常用的Linux命令总结
    oracle的userenv和nls_lang详解
    Oracle字符集检查和修改
    sql语句中(+)的作用
    Oracle事务Transaction
  • 原文地址:https://www.cnblogs.com/Yimi/p/5850537.html
Copyright © 2011-2022 走看看