Question

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

<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

你总是可以让他们占据background-images个td。他们不会“流过”单元格边框。（不确定这意味着什么。）

Answer 2

您需要拥有固定尺寸的div，并且必须在其中添加图片

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

保持表格单元格尺寸

2 个答案: