如何在HTML表格的列之間設置不同大小的間隔

如何使用HTML和/或CSS執行以下操作：我想創建一個HTML表格，讓我們用三列和列1和列column2大於column2和column3之間的gab。下面的例子：如何在HTML表格的列之間設置不同大小的間隔

+----------+ +----------+ +----------+ 
| column1 | | column2 | | colum3 | 
+----------+ +----------+ +----------+ 
| ...  | | ...  | | ...  | 
+----------+ +----------+ +----------+ 
| column1 | | column1 | | colum3 | 
+----------+ +----------+ +----------+

來源

2014-03-05 Hansi Zimmrer

我只是在不同的列上使用填充。在我的例子中，我使用類名來描述我希望從前一列中獲得的填充量。

<style type="text/css"> 
    td.col2{padding-left:10px;} 
    td.col3{padding-left:50px;} 
</style> 

<table> 
    <tr> 
     <td class="col1">column1</td> 
     <td class="col2">column2</td> 
     <td class="col3">column3</td> 
    </tr> 
    <tr> 
     <td class="col1">...</td> 
     <td class="col2">...</td> 
     <td class="col3">...</td> 
    </tr> 
    <tr> 
     <td class="col1">column1</td> 
     <td class="col2">column2</td> 
     <td class="col3">column3</td> 
    </tr> 
</table>

來源

2014-03-05 14:05:16

我已經擔心沒有辦法爲每列單獨設置列間隙空間。然而，感謝這個很好的，清晰的代碼示例，展示瞭如何繞過這個問題！ –

通常用於在兩列之間提供空格的屬性cellspacing應用於表上，而不是在單個列上應用。所以爲了實現你的目標，你可以爲單個表格使用單元格填充。

來源

2014-03-05 14:09:31 jforjs

如何在HTML表格的列之間設置不同大小的間隔

回答

相關問題