0

有没有办法，当制作一个表格时，使新表格行中的单元格的宽度小于上面一个单元格的宽度，这是一个使用此代码的简单示例，即使指定了底部的单元格，两个单元格都将是 100px为 50 像素。我可以想到一些过于复杂的方法，但是有一个简单的解决方案吗？谢谢

<table>
<tr>
<td width=100 height='20' bgcolor='pink'></td>
</td>
</tr> 
<tr>
<td width='50' height='20'bgcolor=blue>
</td>
</tr>
</table>
4

2 回答 2

1

对于表中的所有行，给定序列中的所有单元格都不总是具有相同的宽度。不过，您可以合并单元格。例如，如果您在底行中使用<td colspan=2>，则底行中的两个单元格可以对应于顶部的一个单元格。

于 2012-07-20T19:22:32.360 回答
0

您可以通过添加宽度并将其显示更改为阻止来使用 css 破解它。它非常难看，所以我不提供任何保证（在 IE 中不起作用）：

<table>
    <tr>
        <td bgcolor="pink" height="20" style="width: 100px;">One</td>
    </tr>  
    <tr>
        <td bgcolor="blue" height="20" style="width: 50px; display:block;">Two</td>
    </tr>
</table>

但正如 Sable Foste 指出的那样，您可能应该根据您真正想要做的事情使用不同的元素。这是一个 hack，因此它可能会产生奇怪的副作用。更好的解决方案是使用 DIV 标签：

<div>
    <div style="background:blue; width: 100px;">One</div>
    <div style="background:pink; width: 50px;">Two</div>
</div>
于 2012-07-20T19:28:27.000 回答