剩餘的兩個單元組對齊

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