使用CSS修剪圖像

Question

如何使用CSS /編碼修剪圖像？或者我怎樣才能找到它的教程？

所以我不希望像被調整，而是被「切斷」

Answer 1

本身不會縮放圖像，如果你不把它應用width或height屬性/樣式。

調整容器大小，應用height和width風格就可以了，還有overflow:hidden。

例如：

<div class="image-container"> 
    <img src="http://example.com/some-image.png" alt="example"/> 
</div> 

和css：

.image-container { 
    width: 300px; 
    height: 200px; 
    overflow: hidden; 
} 

進一步，如果要調整圖像的位置，應用position: relative和topbottomleftright它：

.image-container img { 
    position: relative; 
    left: 20px; 
    top: -50px; 
}