剩下两个细胞组对齐

Question

我实际上尝试了所有内容，但找不到CSS解决方案。

我有简单的行表，有两列。 该表的固定宽度为400px。 我左列对齐，左列对齐。 所以它看起来像这样：

       Table header
===============================
     Firstname: John
      Lastname: Smith
           Age: 49
===============================

由于表格比数据宽， 显示的数据看起来不太好。

我想要达到的目标是相同的结果，但现在两个细胞都是如此 向左对齐（前面没有填充）

       Table header
===============================
Firstname: John
 Lastname: Smith
      Age: 49
===============================

我可以通过定义单元格的宽度来做到这一点，但是 我事先并不知道这些数据。

所以我需要删除td：first-child padding空格，但是 不知道怎么做。

任何提示都将受到赞赏

Answer 1

我会在width: 1px; white-space: nowrap;中使用td:first-child删除填充

查看我的 FIDDLE

Answer 2

在你的css中，在文件底部写

td:first-child {
    padding: 0;   /* you could also try padding: 0 !important;
}

并查看是否有效