首页 > 其他分享 >Markdown表格居中显示

Markdown表格居中显示

时间:2022-10-16 01:55:16浏览次数:94  
标签:居中 --- Markdown 表格 小写字母 大写字母 序号

参考链接:https://javaforall.cn/191896.html

示例表格Markdown语法:(默认表格居左且内容文本居左)

| 序号   | 内容  |        描述       |
|  ---  |  ---  |  ---------------  |
|   1   |   l   | 大写字母L的小写字母l|
|   2   |   I   |     大写字母I      |
|   3   |   1   |       数字1      |

效果如下:

序号 内容 描述
1 l 大写字母L的小写字母l
2 I 大写字母I
3 1 数字1

修改markdown代码(对应位置加“:”),让表格中的内容居中显示,代码如下:

|   序号   |   内容  |        描述         |
|  :---:  |  :---:  |  :---------------:  |
|    1    |    l    |  大写字母L的小写字母l |
|    2    |    I    |      大写字母I       |
|    3    |    1    |        数字1       |

修改后效果如下:

序号 内容 描述
1 l 大写字母L的小写字母l
2 I 大写字母I
3 1 数字1

调用html的语法,让Markdown表格居中,同时增加标题,代码如下:

<!-- 让表格居中显示的风格 -->
<style>
.center 
{
  width: auto;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
</style>

<p align="center"><font face="黑体" size=2.>表1 示例表格</font></p>

<div class="center">

|   序号   |   内容  |        描述         |
|  :---:  |  :---:  |  :---------------:  |
|    1    |    l    |  大写字母L的小写字母l |
|    2    |    I    |      大写字母I       |
|    3    |    1    |        数字1       |

</div>

最终效果如下:

表1 示例表格

序号 内容 描述
1 l 大写字母L的小写字母l
2 I 大写字母I
3 1 数字1

标签:居中,---,Markdown,表格,小写字母,大写字母,序号
From: https://www.cnblogs.com/jianmuzi/p/16795528.html

相关文章

  • 【软件学习】解决Typora图片无法居中的问题
    ▚01 问题描述......
  • Markdown语法
    一、标题markdown语法中支持6级标题语法格式为一级标题:#+空格+标题名,回车后生效二级标题:##+空格+标题名,回车后生效三级标题:###+空格+标题名,回车后生效四级标题:####+......
  • springboot导出数据到Excel表格,使用EasyExcel
    1.导入依赖导出方法需要使用到fastJson的依赖,这里也直接导入点击查看代码<!--阿里的easyexcel--><dependency><groupId>com.alibaba</groupId>......
  • Vue--整合mavon-editor编辑器(markdown编辑和预览)
    简介说明    本文介绍Vue如何使用markdown编辑器。        mavon-editor是目前比较主流的markdown编辑器,本文介绍它的使用方法。官网网址​​https://githu......
  • excel表格结构化引用
    结构化引用,听起来很神秘的一个词,但是我们几乎每一套题都实实在在的用到它。不需要会书写结构化引用,只要能读懂即可,甚至不读懂也对做题影响不大,但终究是一种磕绊。情景再现公......
  • Markdown语法(Typora)
    Markdown语法(Typora)样式标题一级标题:#+空格+标题,回车二级标题:##+空格+标题,回车以此类推,最多可支持六级标题字体加粗:**+字体+**(*与字体之间没有空格)例:hell......
  • ALV DMEO 09:REUSE_ALV_GRID_DISPLAY 使用HTML 居中 颜色大小 加粗 斜体 超链接 控制
    以下是纯顾问群~QQ群 :SAP干货铺,  群号:775662808所有群管理严格,严格禁止一切外来链接、招聘、广告等垃圾信息!如果您觉得这篇干货文章有用,请帮忙转载、分享给更多人,谢谢~......
  • antd 动态添加表格列 表格不更新
    原因:react对比columns数组为原数组,内存地址没变; 解决办法:用es6的扩展,生成新数组,添加操作列operateColsetTableColumns([...tableColums,operateCol])自定义hook......
  • ALV标题居中加粗
    效果图用的FM的ALV,主要代码如下:关于那个宏,直接用下面的就行TEXT='UserName:'.CALLMETHODDOCUMENT->ADD_TEXTEXPORTINGTEXT=TEXTSAP_EMP......
  • ALV 导出电子表格的文件格式固定的删除办法
    在ALV显示中,选择菜单“列表-导出-电子表格”后,会出现下面这样的选择窗口:如果选中了“始终使用选定的格式”,则以后都会使用当前选定的格式(经常是第一项MHTML,可实际上用户希......