Question

有没有一种方法，当制作一个表格使新表格中的单元格宽度小于上面一个单元格的宽度时，这里的代码是一个简单的例子，这个单元格的单元格将是100px，即使是底部的一个被指定为50px。我可以想到一些简单的方法，但有一个简单的解决方案吗？感谢

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

Answer 1

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

Answer 2

您可以通过添加宽度并将其显示更改为阻止来使用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指出的那样，你应该根据你真正想做的事情使用不同的元素。这是一个黑客，因此它可能会有奇怪的副作用。更好的解决方案是使用DIV标签：

<div>
    <div style="background:blue; width: 100px;">One</div>
    <div style="background:pink; width: 50px;">Two</div>
</div>

在html中指定不同的单元格宽度

2 个答案: