欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

表格中的colspan colspan

程序员文章站 2022-05-22 21:39:51
colspan 属性规定单元格可横跨的列数 colspan="2" rowspan 属性规定单元格可横跨的行数 rowspan="2" ......

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