相同寬度內的不同TD寬度TR

我有一張我想修改的表格。每行有兩行兩列。因此，第一行有兩個單元格，其中第一個單元格的寬度爲70％，第二個單元格的父表格的30％。第二行有兩個單元格，其中第一個單元格的寬度爲60％，第二個單元格的第二個單元格的寬度爲60％單元格有父表的40％。即使我明確指出寬度，爲什麼第二行會吸收第一行的特徵？相同寬度內的不同TD寬度TR

這是代碼。爲什麼它不按我想要的方式工作？

<!DOCTYPE html> 
<html> 
<body> 

<table style="border:1px black;width:100%"> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td style="width:70%">January</td> 
    <td style="width:30%">$100</td> 
    </tr> 
    <td style="width:60%">feb</td> 
    <td style="width:40%">$100</td> 
    </tr> 
</table> 

</body> 
</html>

來源

2013-07-31 chaitanya.varanasi

列中的所有單元格總是以相同的寬度顯示 –

這就是表格單元格的工作方式。同一行中的列具有相同的寬度。 –

你應該把它分成兩個表格。 http://jsfiddle.net/6BCBy/雖然，我想不出任何理由爲什麼你想這樣做。 – musicnothing

了第一塔(<td width="70%">)已設置寬度= 70％，而在第二行第一列中已設置的列寬度= 60％。

注意：在表中最高列寬自動申請同一列。在你的情況下，即使你已經使用60％作爲第二行的第一列，第一列的表格也是70％。

來源

2013-08-01 04:44:22

相同寬度內的不同TD寬度TR

回答

相關問題