关于Markdown表格中如何进行换行、合并单元格
如何 进行 关于 合并 表格 markdown 换行 单元格
2023-09-14 09:14:59 时间
关于Markdown表格中如何进行换行、合并单元格
1、表格中内容对齐、换行
常规表格使用
一般我们都会这样用表格如下:
| 姓名 | 年龄 | 爱好 |
| -- | -- | -- |
| 小明 | 9 | 篮球 |
| 小刚 | 10 | 篮球、足球 |
效果如下:
姓名 | 年龄 | 爱好 |
---|---|---|
小明 | 9 | 篮球 |
小刚 | 10 | 篮球、足球 |
设置对齐方式
|:–:|居中对齐、|:–|左对齐、|–:|右对齐。
| 姓名 | 年龄 | 爱好 |
| :--: | :-- | --: |
| 小明 | 9 | 篮球 |
| 小刚 | 10 | 篮球、足球 |
效果如下:
姓名 | 年龄 | 爱好 |
---|---|---|
小明 | 9 | 篮球 |
小刚 | 10 | 篮球、足球 |
表格内容换行
Markdown本身不提供单元格换行,但是,Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格换行。
| 姓名 | 年龄 | 爱好 |
| :-- | :-- | :-- |
| 小明 | 9 | 篮球 |
| 小刚 | 10 | 篮球 <br> 足球 |
效果如下:
姓名 | 年龄 | 爱好 |
---|---|---|
小明 | 9 | 篮球 |
小刚 | 10 | 篮球 足球 |
2、表格中单元格的合并
合并单元格还是要与HTML网页结合起来,来达到效果。
这会用到HTML的标签:
-
colspan
:规定单元格可纵深的列数 -
rowspan
:规定单元格可横跨的行数
合并表格行
<table>
<tr>
<td>张</td>
<td>王</td>
<tr>
<tr>
<td colspan="2">姓氏</td>
<tr>
</table>
效果如下:
张 | 王 |
姓氏 | |
合并表格列
<table>
<tr>
<td>类别</td>
<td>名称</td>
</tr>
<tr>
<td rowspan="2">颜色</td>
<td>红色</td>
</tr>
<tr>
<td>黄色</td>
</tr>
<tr>
<td rowspan="2">姓氏</td>
<td>张</td>
</tr>
<tr>
<td>王</td>
</tr>
</table>
效果:
类别 | 名称 |
颜色 | 红色 |
黄色 | |
姓氏 | 张 |
王 |
综合使用
<table>
<tr>
<td>类别</td>
<td>名称</td>
</tr>
<tr>
<td rowspan="2">颜色</td>
<td>红色</td>
</tr>
<tr>
<td>黄色</td>
</tr>
<tr>
<td colspan="2">姓氏</td>
</tr>
<tr>
<td>王</td>
<td>张</td>
</tr>
</table>
效果:
类别 | 名称 |
颜色 | 红色 |
黄色 | |
姓氏 | |
王 | 张 |
相关文章
- os x下如何挂载iso镜像
- Office 如何双面打印Word文档
- ASP.NET的Web网页如何进行分页操作(Demo举例)
- 如何帮助业务丝滑配置?阿里巴巴用了 11 年的“功能开关” 是什么?
- 面对疾风吧,如何搭建高协同的精准告警体系?
- SpringBoot 如何进行对象复制
- 物联网、云计算、大数据、人工智能概念如何区分
- 开源流媒体云视频平台EasyDarwin中EasyCMS服务是如何进行命令转发和消息路由的
- 如何面对传统媒体运用大数据时遇到的三大难题
- 如何使用Worktile进行敏捷项目开发管理
- Sql Server用管理器建表后如何查看创建表的语句
- 如何用arcgis进行WGS84的投影坐标变换
- 如何查找历史版本的SAP UI5 API文档
- 如何修改SAP UI5本地库文件
- 授人以渔-在 SAP MM 物料显示界面上看到一个字段,如何查找哪张数据库表的哪个字段进行的存储的试读版
- 如何使用trace模式运行BRF+应用
- 如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称
- SAP Spartacus 如何使用 cypress 进行端到端自动化测试
- Atitit。团队建设--管理最佳实践--如何留住核心人才,防止人才流失 ??
- SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描试读版
- 如何给 SAP Fiori Elements 应用的字段添加 value help
- 如何在ubuntu 上安装配置Android Studio
- IPython:利用python语言将后缀为ipynb文件中的输出的图片在py文件中编程进行可视化—即如何将IPython.core.display.HTML类型的数据进行图表可视化
- 如何使用Superset可无缝对接MRS进行自助分析
- 【我的物联网成长记1】如何进行端到端开发?
- 为什么要重写hashCode()方法和equals()方法以及如何进行重写
- 【项目实战】Protobuf入门介绍以及如何生成proto对象文件
- 如何使用OpenCV进行图像的轮廓检测和轮廓分析?
- 如何使用计算机视觉进行光流估计和图像分割?
- 如何使用计算机视觉进行图像处理和分析?
- 老杨说运维 | AIOps如何助力实现全面可观测性(下)
- 如何使用requests库进行接口测试