在屏幕邊緣裁剪圖像html

當圖像大到適合屏幕時，我想剪掉圖像的邊緣。在屏幕邊緣裁剪圖像html

當屏幕足夠寬以適應圖像

發生這種情況時，屏幕太小

我想在屏幕的邊緣切割圖像/紅線。如果我將最大寬度設置爲100％，它只是將圖像擠在一起。下面是圖像的代碼：

<div id="container"> 
    <img src="ptable.PNG" style="height:400px;width: auto;margin: auto;float: left;"> 
</div>

可以使圖像響應，因此，這將永遠是相同的寬度爲容器中加入'#container的IMG {寬度：100％;身高：自動; }' – Aziz

您可以再補充overflow:hidden您的容器，它會從去過去，停止圖像。

2016-02-29 14:52:14

。容器{0} {0} {0}溢出：隱藏; }我將它添加到樣式表中。它似乎容器rezises適合圖像，即使我做了像這樣的東西：寬度：100px; –

@MadsAnkerNielsen容器是一個id，而不是class - >'＃容器' – Aziz

哦，我的不好;）。現在修復它。謝謝！ –

你想設置溢出CSS屬性。

.container { 
    overflow: hidden; 
}

或

<div id="container" style="overflow: hidden">

2016-02-29 14:54:04 Andreas

回答