Html表格 - 當表格寬度爲100％時如何強制TD寬度？

在整個表格寬度設置爲100％的情況下，是否可以設置所有TD單元格的長度？換句話說，我希望所有表格單元格移動到左側（但我不能更改表格寬度，因爲這是用於其他目的）。Html表格 - 當表格寬度爲100％時如何強制TD寬度？

我試過這樣：

#mytable td { 
    width:50px; 
}

可是，當桌子寬度設置爲100％，這是行不通的。下面是一個示例：http://jsfiddle.net/Rrkky/

來源

2012-01-26 Lucas

「其他用途」？你確定你不想只把表格放在一個div裏面，爲了其他目的而使用該div，並讓表格專注於表格嗎？根據你試圖解決的問題，你甚至可以用div替換整個表格。每個「行」一個div，每個包含一個「cell」。 – Supr

你不能讓現有的寬度50像素加上50像素等於100％，除了偶然的。如果您只想將表格放在右側，請將例如margin-left: auto就可以了。但是如果表格寬度設置爲100％，這將不起作用。

來源

2012-01-26 14:22:11

謝謝你的想法。這幫助我以不同的方式構建我的html代碼。我在元素內部使用了'margin-left：auto'和'margin-right：auto'，所以我不需要將寬度設置爲100％。 – Lucas

如果可能，請添加寬度爲100％的額外td。

HTML

<table id="mytable"style="width:100%;background:red"><tr> 
    <td>TEXT1</td> 
    <td>TEXT2</td> 
    <td style="width:100%;background:blue">&nbsp;</td> 
    </tr> 
</table>

CSS

#mytable td { 
    width:50px; 
    background:green 
}

http://jsfiddle.net/Rrkky/1/

來源

2012-01-26 14:14:55 Tim

謝謝。這是我的問題的純粹解決方案。 – Lucas

Html表格 - 當表格寬度爲100％時如何強制TD寬度？

回答

相關問題