zoukankan      html  css  js  c++  java
  • DW 做一个table表 对单元格进行合并

    编辑前的代码

     1 <body>
     2 <table width="500" border="0"  bgcolor='#000000' background="" cellpadding="0" cellspacing="1">
     3    <tr bgcolor="white" align="center" height="50">
     4        <td width="33%">牌子</td>
     5        <td width="33%">日期</td>
     6        <td width="34%">要开的型号</td>
     7    </tr>
     8    <tr bgcolor="white" align="center" height="50">
     9        <td>宝马 </td>
    10        <td>周一</td>
    11        <td>宝马X6</td>
    12    </tr>
    13     <tr bgcolor="white" align="center" height="50">
    14        <td >奥迪</td>
    15        <td>周二</td>
    16        <td>奥迪Q7</td>
    17    </tr>
    18     <tr bgcolor="white" align="center" height="50">
    19        <td >保时捷</td>
    20        <td >周三</td>
    21        <td>保时捷911</td>
    22    </tr>
    23    <tr bgcolor="white" align="center" height="50">
    24        <td >路虎</td>
    25        <td>周四</td>
    26        <td>路虎极光</td>
    27    </tr>
    28 </table>
    29 
    30 </body>


    修改前效果                                                                                                  修改后效果   1.  对宝马和周一单元格进行了合并<td colspan="2">宝马周一 </td>

                                                                                                                                      2.对周三周四单元格(td)进行了合并   rowspan="2"

    改动后的代码 

     <body>
     <table width="500" border="0"  bgcolor='#000000' background="" cellpadding="0" cellspacing="1">
      <tr bgcolor="white" align="center" height="50">
           <td width="33%">牌子</td>
             <td width="33%">日期</td>
             <td width="34%">要开的型号</td>
        </tr>
        <tr bgcolor="white" align="center" height="50">
             <td colspan="2">宝马周一 </td>
            
            <td>宝马X6</td>
       </tr>
        <tr bgcolor="white" align="center" height="50">
            <td >奥迪</td>
            <td>周二</td>
            <td>奥迪Q7</td>
        </tr>
         <tr bgcolor="white" align="center" height="50">
            <td >保时捷</td>
            <td rowspan="2" >周三</td>
            <td>保时捷911</td>
        </tr>
        <tr bgcolor="white" align="center" height="50">
            <td >路虎</td>
            
           <td>路虎极光</td>
        </tr>
    </table>
    </body>
  • 相关阅读:
    httpd配置
    thymeleaf js 方法中参数 如何拼接进json对象,不转换为[object,object]
    mysql 8.0.18.zip安装配置方法图文教程(windows 64位)
    SpringBoot配置devtools实现热部署
    构建工具 Maven 的使用
    Java的 JAVA_HOME、Path、CLASSPATH环境变量小结
    IDEA创建springboot项目,特殊项目目录介绍(.idea、.iml、.gitignore、.mvn、mvnw、mvnw.cmd、.gitimodules、.gitkeep)
    统计代码量——SourceCounter.exe
    yml配置之static-path-pattern 与 static-locations,静态资源的访问
    联合索引
  • 原文地址:https://www.cnblogs.com/981971554nb/p/4234849.html
Copyright © 2011-2022 走看看