首页 > 解决方案 > 在 github 风格的 markdown 中创建一个表或列,没有边界

问题描述

有没有办法在 Github Flavored Markdown 中创建无边框的列或表?

我尝试过使用 html 表格,它可以工作,但我无法摆脱边框。基于 github 社区中的这个线程,使用 CSS 是不可能的,因为 HTML 被 github 严格清理并剥离了任何样式,因此没有得到应用 - https://github.community/t/github-flavored-markdown-doesnt-render -css-styles-inside-a-html-block/126258

<table border="0">
<tr>
<td>baz</td>
<td>bim</td>
</tr>
</table

我还尝试了以下降价语法

| Column 1 Header | Column 2 Header | Column 3 Header |
| --------------- | --------------- | --------------- |
| Row 1 Column 1 | Row 1 Column 2 | Row 1 Column 3 |
| Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 |
| Row 3 Column 1 | Row 3 Column 2 | Row 3 Column 3 |

而且我遇到了同样的问题 - 我无法摆脱表格边框。

有谁知道解决这个问题?

标签: githubmarkdowngithub-flavored-markdowngist

解决方案


正如克里斯所说,这是不可能的。GitHub 去除 CSS 和许多 HTML 属性以确保安全并提供一致的体验。此外,让人们在 UI 中以自定义方式设置样式可能会在 GitHub 更改样式时产生可访问性问题并导致呈现问题。

对于有某些视力问题或在某些类型的屏幕上的人来说,现在看起来不错的东西可能很难阅读或区分,如果 GitHub 曾经添加过暗模式,也可能很难阅读。所以整体来说,在 GitHub 上自定义 Markdown 或者其他文本格式的渲染的方式不会很多。如果您需要,您应该托管您自己的网站,并按照您的喜好呈现数据。


推荐阅读