Css 使用Sphinx在reStructuredText中错误对齐的网格表格单元格读取文档主题

Css 使用Sphinx在reStructuredText中错误对齐的网格表格单元格读取文档主题,css,vertical-alignment,python-sphinx,restructuredtext,read-the-docs,Css,Vertical Alignment,Python Sphinx,Restructuredtext,Read The Docs,我在StructuredText中创建了一个类似下面的网格表,并使用Sphinx和ReadtheDocs主题生成文档。但是,当我在HTML中渲染时,A列和B列中的单元格在中心垂直对齐(因为C列中的行高度),而不是保持在单元格顶部 +------------------+---------------+-------------------+ |A列| B列| C列| +------------------+---------------+-------------------+ |识别整个|阅读

我在StructuredText中创建了一个类似下面的网格表,并使用Sphinx和ReadtheDocs主题生成文档。但是,当我在HTML中渲染时,A列和B列中的单元格在中心垂直对齐(因为C列中的行高度),而不是保持在单元格顶部

+------------------+---------------+-------------------+
|A列| B列| C列|
+------------------+---------------+-------------------+
|识别整个|阅读|价格是一个不错的选择|
|和小数|十进制数|表示|
|十进制数的两个小数部分|
|号码|整体分离||
||数字|[概念]什么|
|| |点的意思是|
|| |这个数字是多少
|| |(在|中显示价格)
|| |美元和美分。)|
|                  |               |                   |
|解释:自从
|| |一美元已补足|
|100美分,我们
|| |使用点来|
|| |将两者分开
|| |在这种情况下
|| |价格为*x*|
|| |美元和*y*|
|| |美分。]|
+------------------+---------------+-------------------+     
这是它在HTML中的外观:

这似乎是ReadtheDocs的一个bug,就像其他主题一样,我可以看到a列和B列中的单元格文本在顶部垂直对齐

我试图通过在_static文件夹下的CSS文件中设置
垂直对齐:top
属性来覆盖CSS。这就是我所做的:

.wy表响应表td{
垂直对齐:顶部;
}
但这不起作用。(我使用了相同的CSS文件成功地覆盖了其他内容,因此设置正确。)


我做错了什么?你知道如何让我的所有表格单元格内容在单元格顶部对齐吗?

你能分享你生成的HTML吗?假设您正在生成HTML表,而不是使用基于CSS的网格布局,您的问题的解决方案可能在这里找到:感谢您的更新,但这似乎不是标记,而是可视化结果。具体来说,我们需要查看HTML代码(对于前面的任何混淆,我们深表歉意)。虽然看到它的外观的视觉表现与您希望它的外观形成对比是很好的。@TylerH我在显示HTML输出的表格下方添加了一个图像链接。我已经在那篇文章中尝试了使用
vertical align
属性的解决方案,但没有效果
.wy table responsive table td{white space:normal!important;vertical align:top;}.wy table responsive{overflow:visible!important;}}}
。忽略上面的内容-我想我已经在上面的原始帖子中提到了HTML代码了?(当我说我在用CSS文件做什么时)你说你正在生成一个表格单元格的网格(这有点令人困惑,因为有一个CSS“网格”布局,它是一种现代的方式来布局人们通常使用HTML表格的东西——虽然这也不是每个人都知道的),但是你没有显示实际的标记。作为参考,我正在寻找类似于
;换句话说,浏览器看到并用于生成页面的代码,然后CSS将其样式应用于该页面。