相同宽度内的不同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

回答

相关问题