标有 gfm: true 不使用适当的 css 渲染表格

Question

我有这些选项来配置我的 marked 对象，但是 table 没有使用正确的 css.

渲染

{
        gfm: true,
        tables: true,
        breaks: false,
        pedantic: false,
        sanitize: false,
        smartLists: true,
        xhtml: false,
        smartypants: true,
        langPrefix: 'hljs language-',
        highlight(code) {
            return hljs.highlightAuto(code, ['html', 'javascript', 'java']).value;
        },
    }

有什么我遗漏的吗？是否有一个 min.css 文件我需要包含在 index.html 中才能完成这项工作并为 tables 提供适当的 css？

table 呈现如下：

对应的markdown为：

| ID | Name| email |
|:----:|:----:|:----:|
| ... | ... | ... |
| ... | ... | ... |
| ... | ... | ... |

Answer 1

包含gfm.min.css

后问题解决

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/pixelbrackets/gfm-stylesheet/dist/gfm.min.css" />

Answer 2

包括以下 CSS 将解决问题。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/pixelbrackets/gfm-stylesheet/dist/gfm.min.css" />

但它可能不是我们大多数人的最佳选择，因为它具有全局样式，会影响您的整个网站。

要解决此问题，请考虑使用此处的适当 CSS：

它将允许您仅将样式应用于具有 markdown-body class 的元素，而不影响整个网站。

标有 gfm: true 不使用适当的 css 渲染表格

marked with gfm: true not rendering tables with appropriate css

css

css-tables

github-flavored-markdown

javascript-marked