如何劃分HTML表格中兩列之間的剩餘水平空間？

我有一個HTML表格，說5列。我希望有三個列具有固定的寬度（例如，td width = 30,50,30）。我將如何劃分剩下的兩列之間的剩餘水平空間？我認爲我會通過將這些列的每個「寬度」屬性設置爲「50％」來實現，但這似乎不起作用。如何劃分HTML表格中兩列之間的剩餘水平空間？

來源

2010-06-16 GregH

在我的簡單測試中，我不必放置任何東西，默認行爲是均勻分割。當然，真正的內容可能會推動周圍的事情，所以看到你的CSS和HTML會有所幫助。

<html> 
    <head> 
      <style type="text/css"> 
        td{border:1px solid #000; padding:1px;} 
      </style> 
    </head> 
<body> 

     <table width="300px"> 
     <tr><td width="50px"></td><td width="30px"></td><td width="50px"></td><td></td><td></td></tr> 
    </table> 
</body> 
</html>

來源

2010-06-16 20:34:54

做我認爲不行的事實際上是行得通的。它不工作，因爲我通過CSS重寫了頁面中其他地方的默認行爲。一旦我解決了這個問題，它通過將其餘列設置爲50％來實現工作 – GregH 2010-06-16 22:26:22

你走了，很高興你把它修好了:) – 2010-06-16 22:53:52

而不是有兩個空間拆分的列，有一列，在其中嵌套另一個表，並在嵌套表上放置兩列，寬度爲50％。

來源

2010-06-16 20:12:22

+1嵌套表，甜美。 – 2010-06-16 20:12:47

@Byron - 哦是的，得愛桌子:) – 2010-06-16 20:13:33

這隻適用於鄰近的列。 – 2010-06-16 20:13:56

如何劃分HTML表格中兩列之間的剩餘水平空間？

回答

相關問題