全角 Markdown 表格

Question

目前，我已经学会了在Markdown表格中格式化和居中文本，但是我没有找到任何关于控制表格相对于外部容器尺寸的内容（至少除了当文字换行时它会自动缩小的事实）。

在Markdown中，是否有可能创建一个可以拉伸到可用全宽的表格？如果可以，如何实现？

- CoryG

Answer 1

为表格定义CSS样式：

table {
    width:100%;
}

根据Markdown规则：

Markdown的语法旨在用作编写网页内容的格式。

Markdown并非HTML的替代品，也远远不是。... Markdown的目标是使撰写、阅读和编辑散文变得容易。HTML是一种“发布格式”；Markdown是一种“编写格式”。因此，Markdown的格式语法仅涉及可以用纯文本传达的问题。

由于Markdown是一种“编写格式”，而不是出版格式，它不提供“样式”文本的方法。当然，默认情况下，Markdown会生成HTML，因此应该问的适当问题是如何在HTML中实现所需的样式。而答案是使用CSS将宽度设置为100%（请参见HTML table span entire width）。

下一个问题是如何让输出使用该CSS定义。答案取决于Markdown正在何处以及如何呈现。如果您有完全控制权，则可能会将CSS规则包含在站点现有的CSS规则中。至少，您可以在文档的中包含一个<style>标记中包含该规则。

如果您无法控制整个页面，则可以在Markdown本身的某个位置包含样式标记。Markdown通过HTML不加修改地传递，因此这不会导致任何问题。就像这样：

<style>
    table {
        width: 100%;
    }
</style>

你也可以在HTML <table>标签中定义内联样式，但如果您手动编写HTML，则仅适用于这种选项。由于您希望Markdown为您生成HTML，因此这不是一个有用的选项。

最后，如果第三方网站（如Stack Overflow或GitHub）正在呈现您的Markdown，则该网站可能会采取各种安全措施，使所有这些选项都无法使用。例如，请参见“Is it possible to have a table in the center in a GitHub gist Markdown？”

- Waylan

Answer 2

正如Waylan所说的, Markdown关心的是内容，而不是呈现方式。如果您能控制内容的呈现位置和方式，他的解决方案将起作用。

但在某些情况下，例如在GitHub上，您无法控制呈现方式。作为其Markdown 渲染流程的一部分：

HTML会经过严格的清理，积极地删除可能对您和您的亲人造成伤害的内容，例如script标签、内联样式和class或id属性。

在GitHub上，您必须遵守GitHub的呈现规则。

- Chris