剩余的两个单元组对齐

Question

我实际上已经尝试了一切，找不到CSS解决方案。

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

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

由于该表比数据更宽，显示 数据看起来并不好。

我想实现的是同样的结果，但现在两个单元 左对齐（前面没有填充）

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

我能做到这一点简单的与定义单元格的宽度，但 我不知道数据提前。

所以我需要删除TD：第一个孩子的填充空间，但不知道如何 。

任何暗示将在你的CSS理解

Answer 1

，在该文件的底部写

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

，并看看是否能工程

Answer 2

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

查看我的FIDDLE