html - 试图切断图像

Question

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

一切正常，但是，主页上的图像被拉长了。我想保留它，这样图像就不会响应，这样它就可以在移动设备上正常工作，但是我想摆脱未显示的多余图像。

Answer 1

使用 overflow:hidden在容器分区上。参见 this fiddle 。

HTML

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

CSS

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

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

如果它是背景图像，则使用描述的伪元素 here .

更新

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