如何使用 hugo/markdown 制作全宽表格？答案

【问题标题】：How to make a full width table with hugo/markdown?如何使用 hugo/markdown 制作全宽表格？
【发布时间】：2021-12-26 02:18:02
【问题描述】：

我在 Hugo 中使用 even 主题和 Markdown。在帖子中制作全宽表格的最佳方法是什么？

假设我们有以下内容：

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.

| ads | asdf  |
|:----|:------|
| 123 | 3     |
| 123 | 2314  |
| 123 | 61346 |

Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
ab illo inventore veritatis et quasi architecto

如何让表格占据页面的整个宽度，而其余部分保持正常？

【问题讨论】：

1.检查主题文档。 2. 如果文档没有解决方案： 3. 检查浏览器检查器中的 dom 元素。查看正在应用什么 CSS。 4. 检查正在应用的 CSS 样式表。 5. 添加所需的 CSS。 6. 拉到主题供作者查看和更新。
公平点。我一直在寻找可用于 hugo 的内置功能，但我想我必须自己制作。谢谢。
别担心，我知道你从哪里来，看看他们是不是“雨果”方式或类似的东西。在这种情况下，不是我所知道的，并且请记住 - Hugo -> Goldmark -> markdown - 即 Hugo 不会呈现降价 - Goldmark 会。因此，即使在这种情况下，问题也会是“关于 Hugo 与表格相关的 Goldmark 实施的文档是什么”

标签： css markdown hugo static-site-generation

【解决方案1】：

答案很简单，为此使用一个简单的额外 CSS 规则：

table {width: 100%;}

【讨论】：