码迷,mamicode.com
首页 > 其他好文 > 详细

表格中的colspan colspan

时间:2019-12-06 19:20:37      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:span   col   src   info   oct   idt   tab   nbsp   head   

colspan  属性规定单元格可横跨的列数 colspan="2"

rowspan 属性规定单元格可横跨的行数 rowspan="2"

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Demo</title>
 9 </head>
10 
11 <body>
12   
13     <section>
14         <h1>表格</h1>
15         <table border="1">
16             <thead>
17                 <tr>
18                     <th>表头1</th>
19                     <th>表头2</th>
20                     <th>表头3</th>
21                 </tr>
22             </thead>
23             <tbody>
24                 <tr>
25                     <td>数据1</td>
26                     <td>数据2</td>
27                     <td>数据3</td>
28                 </tr>
29                 <tr>
30                     <td colspan="2">数据colspan可横跨的列数1</td>
31                     <td>数据3</td>
32                 </tr>
33                 <tr>
34                     <td rowspan="2">数据rowspan可横跨的行数1</td>
35                     <td>数据2</td>
36                     <td>数据3</td>
37                 </tr>
38                 <tr>
39                     <td>数据2</td>
40                     <td>数据3</td>
41                 </tr>
42             </tbody>
43         </table>
44     </section>
45    
46 </body>
47 
48 </html>

技术图片

 

表格中的colspan colspan

标签:span   col   src   info   oct   idt   tab   nbsp   head   

原文地址:https://www.cnblogs.com/Xuman0927/p/11996911.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!