从 td 元素中删除内部填充答案

【问题标题】：Removing internal padding from td elements从 td 元素中删除内部填充
【发布时间】：2015-03-14 09:55:07
【问题描述】：

是否可以从td 元素中删除内部padding？因为我在表格行中有两个 td 元素，第二个是 2 行文本，而第一个是一行。这会导致第一个 td 元素中出现不需要的垂直 padding，我似乎无法将其删除。

【问题讨论】：

其他条件相同，单元格具有完全相同的填充。你认为的填充显然是另一回事。您应该根据可见渲染来解释问题，而不是假定的 CSS 属性。您可能想调整垂直对齐方式，但没有指定如何调整。

【解决方案1】：

另一种解决方案是：
td { display: inline-block; }

【讨论】：

【解决方案2】：

您可以将文本与顶部对齐：

td { vertical-align: top; }

【讨论】：

这可能解决了 OP 的真正问题，但它并没有解决实际提出的问题——关于填充。
这解决了文本对齐顶部的问题，但没有解决填充的问题，它只是移动到底部。
@Jukka K. Korpela ：好吧，因为td 的内容默认为middle- 对齐，这导致padding 出现在单元格中和作为OP 的问题，然后我建议最多合理的解决方案 - 改变垂直对齐方式。
@notulysses，不，vertical-align 根本不会影响padding，正如您可以通过使用浏览器开发工具检查单元格看到的那样。