确保表格单元格不会扩展以适合图像

Question

因此，我遇到了一些问题，导致图像所在的容器无法展开以适合此图像。

关于如何实现这一目标的任何想法？

Answer 1

您可以使用以下内容：

使用div

<div><img src="http://placehold.it/350x150" /></div>

div{
    overflow: hidden;
    height: 100px;
    width: 200px;
}

或者如果您想使用表格：

table td{
    overflow: hidden;
    height: 100px;
    width: 200px;
    display: block;
}

<table>
    <tr>
        <td>
            <img src="http://placehold.it/350x150" />
        </td>
    </tr>
</table>

您可以使用margin

将图像重新定位在div或表格中

JSFiddle 1

JSFiddle 2