Javascript 保留表格单元格尺寸

我设置了一张固定高度和重量的漂亮桌子，如下所示：

<table border="1" bordercolor="#ccc" style="background-color:#FFFF" width="650" height="322" cellpadding="0" cellspacing="22">
    <tr>
        <td align="center"></td>
                <td align="center"></td>
                        <td align="center"></td>
                                <td align="center"></td>
                                        <td align="center"></td>
    </tr>
    <tr>
        <td align="center"></td>
                <td align="center"></td>
                        <td align="center"></td>
                                <td align="center"></td>
                                        <td align="center"></td>
    </tr>
    <tr>
        <td align="center"></td>
                <td align="center"></td>
                        <td align="center"></td>
                                <td align="center"></td>
                                        <td align="center"></td>
    </tr>
</table>

<td align="center"><img src=someimage.png></td>

因此，单元格（td）的高度和宽度分别为x和x（根据表格的高度/宽度） 这些细胞的尺寸几乎相同。问题是，每当我在细胞内放置一个img时，它们就会膨胀，从而调整细胞的尺寸。我把img放在下面：

<table border="1" bordercolor="#ccc" style="background-color:#FFFF" width="650" height="322" cellpadding="0" cellspacing="22">
    <tr>
        <td align="center"></td>
                <td align="center"></td>
                        <td align="center"></td>
                                <td align="center"></td>
                                        <td align="center"></td>
    </tr>
    <tr>
        <td align="center"></td>
                <td align="center"></td>
                        <td align="center"></td>
                                <td align="center"></td>
                                        <td align="center"></td>
    </tr>
    <tr>
        <td align="center"></td>
                <td align="center"></td>
                        <td align="center"></td>
                                <td align="center"></td>
                                        <td align="center"></td>
    </tr>
</table>

<td align="center"><img src=someimage.png></td>

我想要的是保持细胞的尺寸，不管我放进什么样的img。因此，如果img大于单元，它将保持其尺寸，img将简单地“流过”单元。

---

我真的更喜欢用CSS来实现这一点，但如果这是不可能的，我就不想尝试Javascript（最好是Jquery）

你总是可以把他们占据的

td

s的

背景图像制作出来。它们不会“流过”细胞边界。（不确定这意味着什么。）
您需要一个具有固定尺寸的div，并且必须在其中添加图像

<td align="center">
  <div><img src=someimage.png></div>
</td>

其作用与img相同。如果div大于cell，则cell将展开。这是一个很长的故事，但有必要保持单元的尺寸，而不是用div重新排列尺寸