固定寬度表格單元

我試圖讓單元格在表格中具有固定的寬度（以像素爲單位）。固定寬度表格單元

這是我現在有：

 <table style="border: 1px solid black; width: 1128px; table-layout: fixed;"> 
      <tbody> 
       <tr> 
       <td style="background: none repeat scroll 0 0 red; width: 4px;">Row 1 Col 1</td> 
       <td style="background: none repeat scroll 0 0 red; width: 4px;">Row 1 Col 2</td> 
       <td style="background: none repeat scroll 0 0 red; width: 4px;">Row 1 Col 3</td> 
       </tr> 
      </tbody> 
     </table>

然而，沒有一個表細胞是4PX寬。我錯過了什麼？

來源

2013-08-21 vitorsdcs

那麼你沒有指定表格的寬度爲1128px。 – j08691

是的表格寬度是正確的，我想要的是使單元格有4px的寬度 – vitorsdcs

它不像那樣工作，Vitor。該表由單元格組成，因此只有寬度爲12px的1128px寬的表格沒有任何意義。您可能想要將表格換成1128px寬的div。或者，您可能希望使用'max-width'而不是'width'作爲表格寬度 –

您可以添加4 <td>標籤，沒有指定寬度：

<table style="border: 1px solid black; width: 1128px; table-layout: fixed;"> 
    <tbody> 
     <tr> 
      <td style="background: none repeat scroll 0 0 red; width: 4px;">Row 1 Col 1</td> 
      <td style="background: none repeat scroll 0 0 red; width: 4px;">Row 1 Col 2</td> 
      <td style="background: none repeat scroll 0 0 red; width: 4px;">Row 1 Col 3</td> 
      <td></td> 
     </tr> 
    </tbody> 
</table>

看到結果here。前三個單元格的寬度爲4px，第四個空單元格填充表格的剩餘寬度。

來源

2013-08-21 20:27:37 kol

謝謝，它工作！ – vitorsdcs

好了，你可以添加緩衝液中......

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

HTML

<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td>Row 1 Col 1</td> 
      <td></td> 
      <td>Row 1 Col 2</td> 
      <td></td> 
      <td>Row 1 Col 3</td> 
      <td></td> 
     </tr> 
    </tbody> 
</table>

CSS

table { 
    border: 1px solid black; 
    width: 1128px; 
} 
table td:nth-of-type(2), 
table td:nth-of-type(4), 
table td:nth-of-type(6) { 
    width:4px; 
}

來源

2013-08-21 20:32:54 Duncan

固定寬度表格單元

回答

相關問題