如何删除表格标题中的空行和 sphinx_rtd_theme 中的多行单元格？答案

【问题标题】：How can I remove empty line in table header and multi-line cell in sphinx_rtd_theme?如何删除表格标题中的空行和 sphinx_rtd_theme 中的多行单元格？
【发布时间】：2020-12-18 08:50:54
【问题描述】：

我正在尝试在 sphinx_rtd_theme 中制作 HTML 文档。我想制作一个包含多行单元格的表格，所以我添加了一个类似

的代码

+----------+----------+----------+
| header 1 | header 2 | header 3 |
+==========+==========+==========+
| a        | | b1     | c        |
|          | | b2     |          |
+----------+----------+----------+

结果，我得到了一个类似于下图的 HTML 文件：

标题行和第二行有空行。它们使表格变得难看，所以我想删除那些空行。有什么我能做到的吗？感谢您阅读我的问题。

【问题讨论】：

您需要为该表格应用自定义样式。我不确定表格标题的额外空间在哪里。表格主体第二列中的 line-block 添加了您要删除的 margin-bottom。另请参阅stackoverflow.com/a/48694716/2214933
非常感谢您的评论。我知道我应该使用 CSS 文件应用自定义样式。但是，我想用网格表而不是 csv 表来做。格子表类型的空行不可以去掉吗？
自定义样式适用于任何 HTML 表格，无论其在 reStructuredText 中的来源如何。
非常感谢！我使用 css 文件以间接方式解决了这个问题。
愿意与我们其他为此苦苦挣扎的人分享您使用过的 .css 吗？

标签： python python-sphinx read-the-docs

【解决方案1】：

我通过添加解决了这个问题

html_static_path = ['_static']
def setup(app):
    app.add_stylesheet('custom.css')

在conf.py 中，并且：


/* Table appearance */
.wy-table-responsive table td, .wy-table-responsive table th {
    /* !important prevents the common CSS stylesheets from
       overriding this as on RTD they are loaded after this stylesheet */
    white-space: normal !important;
}

.wy-table-responsive {
    overflow: visible !important;
}

在_static/custom.css，我觉得上面的代码是从here复制过来的。

在某种程度上，我的问题已经有了答案，但由于我对 html/css 和 sphinx 缺乏了解，我花了一些时间才意识到这一点。

无论如何，感谢 Steve Piercy 在评论中提供的帮助。

【讨论】：