试图关闭图像

Question

我正在Twitter Bootstrap 3中创建一个网站。这是我到目前为止所拥有的。 http://ts-mc.net/

一切正常，然而，主页上的图像延伸出来。我想保留它以使图像没有响应，这样它在移动设备上工作正常，但是我想摆脱未显示的多余图像。

Answer 1

在容器div上使用overflow:hidden。请参阅 this fiddle 。

HTML

<div><img src='src'></div>

CSS

div
{
    overflow:hidden;
    width:80px;
}

您可以将容器div宽度和高度设置为100％，然后裁剪图像的其余部分。

如果是背景图像，则使用here所述的伪元素。

<强>更新

正如您所提到的，overflow-x:hidden是overflow-hidden的一个很好的改进，如果您只想裁剪宽度。