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>


    在浏览器中将显示如下

  • 相关阅读:
    Thymeleaf标签使用
    mybatis映射和条件查询
    开发模型
    Sentinel降级服务
    Sentinel
    Nacos注册中心
    SpringCloudAlibaba简介
    Sleuth
    Stream消息驱动
    如何用JAVA爬取AJAX加载后的页面(利用phantomjs)【以天眼查为例】
  • 原文地址:https://www.cnblogs.com/Yimi/p/5850537.html
Copyright © 2011-2022 走看看