所以我遇到了一些问题,让图像所在的容器无法扩展以适应该图像。
关于如何实现这一目标的任何想法?
你可以使用这样的东西:
带 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