试图削减图像

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一个很好的改进，如果你只是要裁剪的宽度。