0

所以我遇到了一些问题,让图像所在的容器无法扩展以适应该图像。

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

4

1 回答 1

0

你可以使用这样的东西:

带 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>

您可以使用重新定位 div 或表格中的图像margin

JSFiddle 1

JSFiddle 2

于 2013-10-05T00:01:33.123 回答