如何从表格单元格中删除填充？

【问题标题】：How to remove padding from a table cell?如何从表格单元格中删除填充？
【发布时间】：2014-12-18 19:27:20
【问题描述】：

我有一个有两列的表。左边我们通常是 1 个单词，而第二个则有更多的文字。当我在第二列上有太多文本时，第一列会展开并使文本居中。

如何删除这个不需要的填充，使文本位于左上角？

【问题讨论】：

标签： html css

【解决方案1】：

在 td 或 .tlt 中添加 css vertical-align:top

【讨论】：

【解决方案2】：

在表格行中，两个单元格始终具有相同的高度。它显示为填充，但会自动应用。

正如一些用户提到的，您可以为单元格设置vertical-align: top;，然后使用填充顶部来定位文本。

【讨论】：

【解决方案3】：

在所有浏览器中，浏览器都会在所有事物之间进行填充和边距。删除它并自己控制页面添加这个添加你的css的第一行：

* {margin:0 auto; padding:0}

auto 将所有内容（文本和图像除外）置于页面中心。

如果您希望文本位于 td 之上，请添加以下内容：

.tlt{vartical-align:top; text-align:left;}

【讨论】：

【解决方案4】：

只需通过.tlt 选择您的班级并添加vertical-align:top，您无需再做任何事情，因为您的.tlt 只添加了padding-right，这样两列之间就会有一个空格。

CSS

.tlt{
 vertical-align:top;
}

将它添加到您的 Css 代码的末尾。

【讨论】：