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

在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>

猜你喜欢

转载自blog.csdn.net/qq_41538097/article/details/107997291
今日推荐