Markdown绘制表格

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:3592

{}
Markdown绘制表格 正常markdown语法: | 表头 | 表头 | 表头 | | -------- | -------- | -------- | | 行1,列1 | 行1,列2 | 行1,列3 | | 行2,列1 | 行2,列2 | 行2,列3 | | 行3,列1 | 行3,列2 | 行3,列3 | ...

目录

Markdown绘制表格

正常markdown语法:

| 表头    | 表头    | 表头    |
| -------- | -------- | -------- |
| 行1,列1 | 行1,列2 | 行1,列3 |
| 行2,列1 | 行2,列2 | 行2,列3 |
| 行3,列1 | 行3,列2 | 行3,列3 |

效果图:

<table> <thead> <tr> <th>表头</th> <th>表头</th> <th>表头</th> </tr> </thead> <tbody> <tr> <td>行1,列1</td> <td>行1,列2</td> <td>行1,列3</td> </tr> <tr> <td>行2,列1</td> <td>行2,列2</td> <td>行2,列3</td> </tr> <tr> <td>行3,列1</td> <td>行3,列2</td> <td>行3,列3</td> </tr> </tbody> </table>nn# 但是无法进行单元格合并。不过可以内嵌HTML代码来实现:

<h4>单元格跨行跨列:</h4>   <!--标题-->
<table border="1" width="500px" cellspacing="10">
<tr>
  <th align="left">表头(左对齐)</th>
  <th align="center">表头(居中)</th>
  <th align="right">表头(右对齐)</th>
</tr>
<tr>
  <td>行1,列1</td>
  <td>行1,列2</td>
  <td>行1,列3</td>
</tr>
<tr>
  <td colspan="2" align="center">合并行单元格</td>
  <td>行2,列3</td>
</tr>
<tr>
  <td rowspan="2" align="center">合并列单元格</td>
  <td>行3,列2</td>
  <td>行3,列3</td>
</tr>
<tr>
  <td>行4,列2</th>
  <td>行4,列3</td>
</tr>
</table>
<!--在表格td中,有两个属性控制居中显示
    align——表示左右居中——left,center,right
    valign——控制上下居中——left,center,right
    width——控制单元格宽度,单位像素
    cellspacing——单元格之间的间隔,单位像素
-->

效果图:

单元格跨行跨列:

<table> <tbody> <tr> <th align="left">表头(左对齐)</th> <th align="center">表头(居中)</th> <th align="right">表头(右对齐)</th> </tr> <tr> <td>行1,列1</td> <td>行1,列2</td> <td>行1,列3</td> </tr> <tr> <td colspan="2" align="center">合并行单元格</td> <td>行2,列3</td> </tr> <tr> <td rowspan="2" align="center">合并列单元格</td> <td>行3,列2</td> <td>行3,列3</td> </tr> <tr> <td>行4,列2 </td> <td>行4,列2</td> </tr> </tbody> </table>nn > 原文地址:https://blog.csdn.net/FisrtBqy/article/details/123606357?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905672416800213067636%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905672416800213067636&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-13-123606357-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/1232ab0b36d1411c842c96b3bc8c4542

打赏作者

本站为非盈利网站,如果您喜欢这篇文章,欢迎支持我们继续运营!

最新评论
当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复