目前,我已经学会了在Markdown表格中格式化和居中文本,但是我没有找到任何关于控制表格相对于外部容器尺寸的内容(至少除了当文字换行时它会自动缩小的事实)。
在Markdown中,是否有可能创建一个可以拉伸到可用全宽的表格?如果可以,如何实现?
目前,我已经学会了在Markdown表格中格式化和居中文本,但是我没有找到任何关于控制表格相对于外部容器尺寸的内容(至少除了当文字换行时它会自动缩小的事实)。
在Markdown中,是否有可能创建一个可以拉伸到可用全宽的表格?如果可以,如何实现?
为表格定义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?”