在網頁開發中，有時圖片需要被裁剪為一半進行顯示。這時候，我們可以使用 CSS 來實現。但若在實現中遇到了問題，不要擔心。下面我們將為您詳細介紹如何使用 CSS 實現圖片只顯示一半。

img{
width:50%; /*將圖片尺寸縮小為原來的一半*/
overflow:hidden; /*隱藏多余部分*/
}

我們可以通過改變圖片的寬度，將其裁剪為一半。同時，我們也需要設置圖片父元素的高度，以確保圖片正確定位在其父元素中。

.img-container{
height: 200px; /*設置圖片容器高度*/
overflow: hidden; /*隱藏多余部分*/
}
.img-container img{
width: 50%; /*將圖片尺寸縮小為原來的一半*/
float: left; /*圖片浮動*/
}

在以上代碼中，我們使用了一個圖片容器來存放圖片，并將其高度設置為 200 像素。這里的關鍵是將圖片容器中的圖片浮動到左側，這樣當我們將其寬度設置為一半時，圖片的右側就會被隱藏起來，從而實現我們需要的功能。

最后，當我們需要將圖片裁剪為其它比例時，只需要將圖片的寬度調整為我們需要的比例，再將圖片容器的高度調整至與裁剪后的圖片高度相等即可。

以上就是 CSS 實現圖片只顯示一半的方法，希望對您有所幫助！