CSS是網頁設計和開發中必備的工具，可以實現各種炫酷的效果，其中之一就是將圖片放置在一個Div容器中。下面介紹如何將圖片放在一個Div容器中，同時使其符合設計要求。

<div class="image-container">
<img src="image.jpg" alt="圖片">
</div>
.image-container{
width: 800px;
height: 500px;
margin: 0 auto;
background-color: #eee;
text-align: center;
}
.image-container img{
max-width: 100%;
max-height: 100%;
}

首先，我們創建一個Div容器，并為其設置一個類名"image-container"，然后在容器中插入一張圖片，并為img元素設置一個描述性的alt屬性。接下來，我們需要在CSS中設置image-container類的樣式，包括容器的寬度、高度、外邊距，以及背景顏色和居中文本的屬性。其中，text-align屬性用于使圖片居中顯示。

接著，我們要為image-container類中的img元素設置樣式。在這里，我們使用了max-width和max-height屬性，它們的值都設置為100%。這樣，無論圖片的尺寸如何，它都將被縮放以適應容器的大小。同時，也不需要考慮圖片的比例問題，因為max-width和max-height屬性均為100%。

在實際項目中，可能還需要對圖片的邊框和間距等屬性進行設置，以使設計更加美觀。但是，以上代碼已經涵蓋了大部分圖片在Div容器中的布局問題，希望對大家有所幫助。