使用HTML和CSS在一行上標題的間距不均勻

Question

我想在一行上不均勻地在表單上方標題的標題空間，並且不確定使用HTML和CSS執行此操作的最佳方式。我在過去使用了span標籤和填充，但是這在不同的瀏覽器中工作方式不同，並且不能正確排列。我確定有一個更好的方法，然後將所有的標題包裹在span標籤中。非常感謝你的幫助。我附上了我想要實現的圖像。

Answer 1

如果您使用表格，單元格會自動調整大小以適應其中的內容。純粹處理表格數據時，表格仍然很有用。或者，您可以爲每個標題單元分配一個類以設置特定的寬度。上的jsfiddle

<table cellpadding="5" cellspacing="5" width="100%"> 

<tr> 

    <td>one</td> 
    <td>this one needs more space and will grow</td> 
    <td>this guy isn't as long</td> 
    <td>short</td> 

</tr> 

例子：http://jsfiddle.net/JdSy2/