gpt4 book ai didi

css - 相同宽度 TR 内的不同 TD 宽度

转载 作者:行者123 更新时间:2023-11-28 18:15:30 24 4
gpt4 key购买 nike

我有一个要修改的表。每行有两行和两列。所以第一行有两个单元格,其中第一个单元格有 70% 的宽度,第二个单元格有父表的 30%。第二行有两个单元格,其中第一个单元格有 60% 的宽度,第二个单元格拥有父表的 40%。尽管我明确说明了宽度,但为什么第二行吸收了第一行的特征?

这是代码。为什么它不能按我想要的方式工作?

<!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>

最佳答案

对于第一列 (<td width="70%">)您已设置宽度 = 70%,并且在第二行第一列中您已设置列宽度 = 60%。

注意:在表格中最高列宽自动应用于同一列。在你的情况下,表的第一列对于两行都是 70%,即使你对第二行第一列使用了 60%。

关于css - 相同宽度 TR 内的不同 TD 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17981469/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com