垂直对齐表格单元格中的文本[关闭]

Posted 2023-03-05

【中文标题】垂直对齐表格单元格中的文本[关闭]

【英文标题】：Vertically Align Text in a Table Cell [closed]

【发布时间】：2017-09-04 11:56:36

【问题描述】：

我很难在其各自的表格单元格中垂直对齐此定价表的“团队”“业务”等 H4 标题。

表格是一个相当简单的表格，没有应用太多样式，所以我不确定我在这里做错了什么。我尝试将文本包装在 div 中并将父 div 的宽度和高度设置为 100%。没用。

这是我工作的练习网站的链接： https://netterrain-new-features-clone.mystagingwebsite.com/network-documentation-pricing/

【问题讨论】：

对于h4默认会有边距。请为 h4 提供 margin:0

为什么要将文本包装在 div 中？

你为什么在th 中使用h4，我想知道吗？明显缺乏对 html 和 CSS 工作原理的理解。还有，使用多行th也有点……不对，因为里面的内容肯定不是标题，而是应该放在td里面。哦，好吧...

SO问题应该是独立的，不依赖于外部链接来完成（他们可以使用外部链接来进一步解释）。

【参考方案1】：

注意：最好给代码（不工作）而不是网页

尝试添加以下样式

table th, table td
   display: table-cell;
   vertical-align: middle;

【讨论】：

??这些是默认设置，你为什么需要再次声明这些？

@GCyrillus 我通过应用这些样式进行了检查。我认为某处 OP 会覆盖这些默认值。