修复 WordPress 页面中的表格垂直居中

【问题标题】：Fix table vertical centering in WordPress pages修复 WordPress 页面中的表格垂直居中
【发布时间】：2016-08-25 03:58:55
【问题描述】：

大多数 WordPress 主题（包括 MH lite）都引入了 CSS 或一些会打乱表格垂直居中的东西。 Tortuga Lite 是个例外，但我不喜欢那个主题。

我需要知道如何覆盖主题所做的一切。

如果我包含 CSS，iframe 会起作用，但我认为它会扰乱 Google 索引。

我想如果我知道正确的 CSS，我可以使用 per-page-add-to-head 小部件将它包含在所有页面的头部。

我在我的 CSS 中尝试了 tr {vertical-align: middle;}。

【问题讨论】：

【解决方案1】：

style.css 第 17 行中的vertical-align 设置为baseline。

如果您在 TestPageOnly.css 中将其设置为 .auto-style2 下的 vertical-align: inherit，它将覆盖基线对齐并为您提供垂直居中。

【讨论】：

谢谢。我还发现在站点范围的 CSS 中添加 img {vertical-align: middle !important;} 可以解决整个站点的问题。
确实如此 - 使用 !important 时要小心，因为它会覆盖任何其他现有的 CSS 选择器并且很快就会变得混乱。例如，如果您需要覆盖网站上其他地方的vertical-align，那么在使用!important 的情况下这样做会很痛苦。