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

问题描述

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

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

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

解决办法

用空格填充它。

html

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

结果：

窄浏览器窗口：

markdown

加入空格符 

原来：

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

改进：

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