问题描述

实际上无法将它进行视觉上的居中。

正如您在下图中看到的，GitHub 会自动呈现表格，以便它们已经占据了整个宽度。正因为如此，你不能将 GitHub 的 Markdown 渲染器生成的文本居中（也就是表格真的非常胖，技术上已经居中了）。

问题总结：本质上，在 GitHub 上，表格的宽度已经是 100%。您只需要为tbody提供足够的内容，它也会占用 100% 的宽度。

解决办法

用空格填充它。

html

<table><tbody><tr><td align="center">Key Features<br><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;</span></td><td align="center">Examples<br><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;</span></td><td align="center">Supported Methods<br><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;</span></td></tr></tbody>
</table>

结果：

窄浏览器窗口：

markdown

加入空格符 

原来：

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

改进：

| Column 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | Column 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |

【GIT】GitHub中的readme.md说明文档中如何将表格居中显示？相关推荐

自动将*.md文档中的图片上传到Gitee（Typora+PicGo+Gitee）
1. 存在问题很多刚接触markdown文档格式的友友们,在使用文档中的图片时还存在一些问题:直接将截图下来的图片或是本机图片粘贴在文档中,图片的地址还是本地文件的地址(如D:\xxx),这种情况下 ...
README.md文档编写
本公司轻量化程序一般分为控制台程序和插件程序两种,可分别编写md文件,命名为:README.md和README_ADDIN.md.其中参考内容模型为: 1:README.md # XXX#### 调用 ...
Word控件Spire.Doc 【超链接】教程(8)：在 C#/VB.NET 中链接到 Word 文档中的书签
Spire.Doc for .NET是一款专门对 Word 文档进行操作的 .NET 类库.在于帮助开发人员无需安装 Microsoft Word情况下,轻松快捷高效地创建.编辑.转换和打印 Micr ...
md文档中的图片—Github图床自动替换墨滴图床
程序背景在学习技术的过程中,不乏需要通过写博文或者发博客的形式来记录成长历程,以及撰写技术文章.通常我们会通过搭建图床配合typora来写md文档,但是在发布博客的过程中,会发现github的域名被 ...
GitHub如何在README.md文件中插入图片
1.首先把图片放到本地文件夹中.push到Github的远程仓库. 2.在浏览器进入远程Github仓库找到图片打开图片.那么当前浏览器链接就是图片地址.复制图片的URL. 3.打开README.md ...
GitHub中的readme.md
下载writage:http://www.writage.com/ writage是一个Word插件,安装这个插件后,Word的内容就可以导出成.md格式了. 在readme.md同级目录下新建'me ...
gitHub里面的README.MD编辑器的使用手册
1,简单直接版本这两天我一直在鼓捣git和github的使用,发现自己在gitHub里面写的READMD.md文件的样式奇丑无比,疑惑?纳闷?无解? 不可能,百度啊! 百度了一下,知识得到了一定的补 ...
github README.md插入图片,图片尺寸设置,图片无法显示解决
github README.md插入图片无法显示问题解决排查原因图片引入设置图片尺寸解决方法排查原因今日在使用github .md在插入图片时引自己仓库里图片不能正常显示, 搜集排查原因主 ...
如何书写项目README.md文档
背景编写一个项目的 README 就像是写一本书的序言一样,一个好的项目不应该仅仅只有一份高质量代码,同时更应该有一份高质量的文档.而对使用者来说,一份好的文档能够节省大量的时间. 文档结构基本选 ...

【GIT】GitHub中的readme.md说明文档中如何将表格居中显示？

问题描述

解决办法

html

markdown

【GIT】GitHub中的readme.md说明文档中如何将表格居中显示？相关推荐

最新文章

热门文章