csdn：新建表格+合并单元格

最新推荐文章于 2025-03-23 23:01:33 发布

不懂一休

最新推荐文章于 2025-03-23 23:01:33 发布

阅读量1.3w

点赞数 5

分类专栏：不知道如何分类的博客文章标签： html

本文链接：https://blog.csdn.net/qq_41538097/article/details/107997291

版权

不知道如何分类的博客专栏收录该内容

12 篇文章

订阅专栏

在csdn 使用 markdown 创作时有时会用到表格，可以使用如下两种方法

一、常用方法

项目     |  price   |  amount
-------- | -----| -----
电脑  | $1600 | 10
手机  | $12 | 20
导管  | $1 | 30

项目	price	amount
电脑	$1600	10
手机	$12	20
导管	$1	30

想设置文字位置使用时如下方法

| Column 1 | Column 2      |Column 2      |
|:--------| :-------------:| -------------:|
| centered 文本居左 | right-aligned 文本居中 |right-aligned 文本居右 |

Column 1	Column 2	Column 2
centered 文本居左	right-aligned 文本居中	right-aligned 文本居右

上面的方法写一些规则的表格很方便，如果表格中存在合并单元格，上面方法不支持，可以使用如下方法实现

二、HTML

示例如下，行列都有合并单元格

<table>
  <tr>
  <td colspan="10">连接标志 Connect Flags</td>
  </tr>
  <tr>
  <td rowspan="7">byte 8</td>
  <td >User Name Flag (1) 用户名标志</td>
  <td rowspan="7">1</td>
  <td rowspan="7">1</td>
  <td rowspan="7">0</td>
  <td rowspan="7">0</td>
  <td rowspan="7">1</td>
  <td rowspan="7">1</td>
  <td rowspan="7">1</td>
  <td rowspan="7">0</td>
  </tr>
  <tr> 
  <td >Password Flag (1) 密码标志</td>
 </tr>
  <tr> 
  <td >Will Retain (0) Will 保留标志</td>
 </tr>
    <tr> 
  <td >Will QoS (01) Will 服务质量</td>
 </tr>   
</table>

连接标志 Connect Flags
byte 8	User Name Flag (1) 用户名标志	1	1	0	0	1	1	1	0
	Password Flag (1) 密码标志
	Will Retain (0) Will 保留标志
	Will QoS (01) Will 服务质量

写法如下

<table>
	<tr>
		<td></td>
	</tr>
</table>

tr 代表行，td 代表一个小单元格


①、合并行 

<td rowspan="7">1</td>

②、合并列 

<td colspan="10">2</td>