html 合并单元格

亦凉 2021-07-24 15:01 612阅读 0赞

合并单元格学习:
    		快捷生成表格
    		table>tr*4>td*5 加tab,生成四行五列的表格
    	合并单元格：其中一个单元格占据其单元格，然后删去其他单元格
    	列合并两个单元格：
    		<td colspan="2"></td> 
    
    	行合并两个单元格：
    		<td rowspan="2"></td>
    	合并标题标签单元格时应注意，因为下面的单元格宽度是根据标题单元格设置，
    	所以合并前为了不改变下面的单元格宽度，要倍数改变标题单元格的宽度
    		<td width="200px" colspan="2" ></td>
    	合并多个单元格，如四个，也是先两个两个合并，如列合并两次，然后再行合并

**代码示例：**

<html>
    	<head>
    		<title>表格标签学习</title>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    		
    	</head>
    	<body>
    			<h3 align="center">合并单元格的学习</h3>
    		
    		<table border="1px">
    			<tr height="35px">
    				<td width="100px"></td>
    				<td width="100px"></td>
    				<td width="100px"></td>
    				<td width="200px" colspan="2" rowspan="2"></td>
    				
    			</tr>
    			<tr height="35px">
    				<td colspan="2"></td>   
    				
    				<td></td>
    			
    				
    			</tr>
    			<tr height="35px">
    				<td></td>
    				<td></td>
    				<td></td>
    				<td rowspan="2"></td>   
    				<td></td>
    			</tr>
    			<tr height="35px">
    				<td></td>
    				<td></td>
    				<td></td>
    				
    				<td></td>
    			</tr>
    		</table>
    		
    		
    
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，612人围观）

还没有评论，来说两句吧...

相关阅读

相关合并单元格

cellRange = new CellRangeAddress(0, 0, 4, 5); //开始行结束行开始列结束列 // 合并单元格 she

ゞ浴缸里的玫瑰/ 2023年10月15日 13:06/ 0 赞/ 59 阅读

相关 Aspose.Cells 使用Merge()合并单元格（合并单行单元格，合并单列单元格，合并多行多列单元格）

1 使用详解 Merge() 说明：合并单元格，可选择合并多行多列单元格。语法： public void Merge(int firstRow, int firs

矫情吗；*/ 2023年10月05日 06:53/ 0 赞/ 57 阅读

相关填充合并单元格

在空白工作簿里单击【数据】→【新建查询】→【从工作簿】，找到要填充合并单元格的文件，根据提示导入数据查询编辑器。按住Ctrl键不放，单击要处理的列标，依次单击【转换】→

你的名字/ 2022年08月30日 14:52/ 0 赞/ 211 阅读

相关合并DataGridView单元格

1、在项目中添加“组件类”。 ![Center][] 2、所引用的命名空间如下： using System; using System.Colle

朱雀/ 2022年08月27日 15:58/ 0 赞/ 380 阅读

相关 DataGridView 合并单元格

该篇文章不完美 DataGridView 没有提供合并单元格的功能，要实现合并单元格的功能就要在CellPainting事件中使用Graphics.DrawLine和 Gra

太过爱你忘了你带给我的痛/ 2022年08月27日 15:58/ 0 赞/ 455 阅读

相关 jgrid合并单元格

方式1：根据grid索引 / @param colIndexs 索引从0开始 / jQuery.fn.tuiTableRowSpan

心已赠人/ 2022年08月20日 05:28/ 0 赞/ 276 阅读

相关 ExtJs合并单元格

前端框架ExtJS4.0 下图为合并后效果：先 ![Image 1][] 最近项目中做Grid显示时，需要将单元格分类然后按一定要求给合并，如果单单是合并表头，

╰半橙微兮°/ 2022年07月21日 12:19/ 0 赞/ 444 阅读

相关 PDFPtable合并单元格

> PdfPtable只能合并列，不能合并行 public static void main(String[] args) throws Exception {

痛定思痛。/ 2022年05月12日 05:42/ 0 赞/ 806 阅读

相关 html 合并单元格

合并单元格学习: 快捷生成表格 table>tr4>td5 加tab,生成四行五列的表格合并单元格：其中一个单元格占据其单元格，然后

亦凉/ 2021年07月24日 15:01/ 0 赞/ 613 阅读

相关 html表格合并单元格

th标签][th] 合并列 colspan="k" 合并行 rowspan="k" 例子《th colspan="2", rowspan="3"》转...

你的名字/ 2021年01月10日 06:51/ 0 赞/ 794 阅读