表格及合并单元格（02）-白红宇

强烈建议你试试无所不能的chatGPT，快点击我

表格及合并单元格（02）

阅读量：6147 次

发布时间：2019-06-21

本文共 6777 字，大约阅读时间需要 22 分钟。

01.表格主要有以下部分：

1  2  3      4          5      6      7         
       8         
      
        9             
10             
11 12             
13             
        14             
15             
         16                 
17                 
18             
19             
20             21             
22             
        23                 
         24                 
25                 
26                 
27             
28         
              
        表格标题
                                                               
       
                                                
       
      
29     30

单元格的主要结构

02.表格的具体实现：

1   2   3       4           5       6       7       8         
      
         9             
 10             
         11                 
                              12                 
 13                 
 14                 
 15                 
 16                 
 17                 
 18             
 19             
 20             
         21                 
          22                 
 23                 
 24                 
 25                 
 26                 
 27                 
 32             
          33                 
 34                 
 35                 
 36                 
 37                 
 38                 
 43             
          44                 
 45                 
 46                 
 47                 
 48                 
 49                 
 54             
          55                 
 56                 
 57                 
 58                 
 59                 
 60                 
 65             
          66                 
 67                 
 68                 
 69                 
 70                 
 71                 
 76             
          77                 
 78                 
 79                 
 80                 
 81                 
 82                 
 87             
          88                 
 89                 
 90                 
 91                 
 92                 
 93                 
 98             
 99             
100             101         
       
        今日小说排行耪
                               排名          关键词          趋势          今日搜索          最近七日          相关链接         
       
                        1          三生三世十里桃花                   123          321           28                     百度 29                     新浪 30                     本站 31                         
                 2          枕上书                   123          321           39                     百度 40                     新浪 41                     本站 42                         
                 3          微微一笑很倾城                   123          321           50                     百度 51                     新浪 52                     本站 53                         
                 4          小时代                   23          32           61                     百度 62                     新浪 63                     本站 64                         
                 5          一世倾城                   12          21           72                     百度 73                     新浪 74                     本站 75                         
                 6          还好遇见你                   12          31           83                     百度 84                     新浪 85                     本站 86                         
                 7          太子妃                   13          21           94                     百度 95                     新浪 96                     本站 97                         
       
      
102     103

今日小说排行的表格代码实现

得到以下结果：

03.合并单元格：

1   2   3       4           5       6       7         
      
         8             
  9             
          10                 
 11                 
 12                 
 13                 
 14             
          15                 
 16                 
 17                 
 18                 
 19             
          20                 
 21                 
 22                 
 23                 
 24             
          25                 
 26                 
 27                 
 28                 
 29             
          30                 
 31                 
 32                 
 33                 
 34             
 35              36         
       
        跨列合并
                               1          2          3          4         
                 5          6          7          8         
                 9          10          11          12         
                 13          14          15                  
                 17          18                           
       
      
 37         1.先确认跨列合并colspan
 38         2.找到目标单元格，先上↓后下，先左→后右 
 39         3.合并n,后删除n-1个单元格 
 40         
      
        41             
 42             
          43                 
 44                 
 45                 
 46                 
 47             
          48                 
 49                 
 50                 
 51                 
 52             
          53                 
 54                 
 55                 
 56                 
 57             
          58                 
 59                 
 60                 
 61                 
 62             
          63                 
 64                 
 65                 
 66                 
 67             
 68              69         
       
        跨行合并
                               1          2          3          4         
                 5          6          7          8         
                 9          10          11          12         
                 13          14          15                  
                 17          18                           
       
      
 70         1.先确认跨列合并rowspan
 71         2.找到目标单元格，先上↓后下，先左→后右
 72         3.合并n,后删除n-1个单元格
 73         
      
        74             
 75             
          76                 
 77                 
 78                 
 79                 
 80             
          81                 
 82                 
 83                 
 84                 
 85             
          86                 
 87                 
 88                 
 89                 
 90             
          91                 
 92                 
 93                 
 94                 
 95             
          96                 
 97                 
 98                 
 99                 
100             
101             102         
       
        跨行列合并
                               1          2          3          4         
                 5          6          7          8         
                 9          10          11          12         
                 13          14          15                  
                 17          18                           
       
      
103     104

合并单元格代码

运行结果：

总结表格

1.表格提供了html中定义表格数据的方法。

2.表格中有行中的单元格组成。

3.表格中没有列元素，列的个数取决于行的单元格个数。

转载于:https://www.cnblogs.com/SophiaBlog/p/8808955.html

你可能感兴趣的文章

初识中间件之消息队列

MyBatis学习总结(三)——优化MyBatis配置文件中的配置

Spring常用注解

我的友情链接

PCS子层有什么用？

查看端口，关闭端口

代码托管平台简介

linux：yum和apt-get的区别

Sentinel 1.5.0 正式发布，引入 Reactive 支持

数据库之MySQL

2019/1/15 批量删除数据库相关数据

数据类型的一些方法

Mindjet MindManager 2019使用教程：

游戏设计的基本构成要素有哪些？

详解 CSS 绝对定位

我的友情链接

NGUI Label Color Code

.NET Core微服务之基于Polly+AspectCore实现熔断与降级机制

vue组件开发练习--焦点图切换

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

当前时间: 2025-01-06 03:16:39 当前IP: 18.117.145.41 联系邮箱:javaeecc@qq.com Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2

强烈建议你试试无所不能的CHAT-GPT，快点击我

强烈建议你试试无所不能的CHAT-GPT，快点击我