在前端開發中，我們經常需要在一個div中放置一張圖片，并使它能夠填充整個div，達到更好的展示效果。這時，一個常用的方法就是使用CSS對圖片進行適應。

div{
width: 500px;
height: 300px;
background-color: #ccc;
position: relative;
}
img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

上面這段CSS代碼展示了如何將一張圖片適應到一個div中，并使其填滿整個div。首先，我們對div設定了一個固定的寬度和高度，并為其設置了一個背景色，以便更好地查看效果。

然后，我們對img標簽進行了一些特殊處理。使用position:absolute屬性，將其相對于父元素進行定位。其次，為了讓圖片能夠占滿整個div，我們對其寬度和高度都設置為100%。但是，這時可能會發現圖片變形了。這是因為原始圖片與div的寬高比例不一致，造成了圖片變形，影響了展示效果。因此，我們需要用到object-fit屬性來進行調整，從而保持圖片的原始比例。

object-fit是設置元素（img、video、iframe等）在其容器內保持縱橫比縮放的方式。例如，如果我們設置object-fit為cover，則可讓元素保持原始比例同時完全覆蓋容器，可能存在溢出或縮放。另外，屬性值還包括contain、fill、scale-down等。

通過以上方法，我們能夠在div中設置一張圖片，并實現自適應填充效果，提升頁面的視覺感受。當然，如果你只想讓圖片水平或垂直居中，可以使用text-align:center和line-height:xxxpx的方法進行調整，這里不再贅述。