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

时间:2014-12-18 11:07:55

标签: html css css3

我有一个有两列的表。左侧通常是1个单词,第二个单词带有更多文本。当我在第二列上有太多文本时,第一列会扩展并居中文本。

如何删除此不需要的填充,以便文本位于左上角? enter image description here

4 个答案:

答案 0 :(得分:1)

在td或.tlt vertical-align:top

中添加css

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

在所有浏览器中,浏览器将在所有内容之间进行填充和限制。删除它并自己控制页面添加这个添加你的CSS的第一行:

* {margin:0 auto; padding:0}

auto将所有内容(文字和图片除外)放在页面中央。

如果您希望文本位于您的td之上,那么对于您的表格,请添加以下内容:

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

答案 3 :(得分:0)

只需通过.tlt选择您的课程,然后添加vertical-align:top您不需要再做任何其他事情,因为您的.tlt只添加了padding-right,以便两列之间会有一个空格。

CSS

.tlt{
 vertical-align:top;
}

在Css代码的末尾添加它。