javascript - 保持表格单元格尺寸

Question

我已经设置了一个固定高度和重量的漂亮 table ，如下所示:

<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) 的高度和宽度分别为 x 和 x(根据表格的高度/宽度)这些细胞具有几乎相同的尺寸。问题是，每当我将 img 放入单元格中时，它们都会展开以为此调整尺寸。我把 img 放成这样:

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

我想要的是保持单元格的尺寸，无论我放入什么 img。因此，如果 img 大于单元格，它将保持其尺寸，而 img 将简单地“溢出”单元格。我真的更喜欢用 CSS 来做到这一点，但如果那是不可能的，我想尝试 Javascript(最好是 Jquery)。

Answer 1

你总是可以让它们成为它们所占据的 td 的 background-images。它们不会“溢出” 单元边界。 (不知道那是什么意思。)