在web開發中，經常需要在頁面中將圖片放在圓圈中間。這樣的效果可以通過使用CSS樣式來實現。

.circle-img {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: gray;
}
.circle-img img {
max-width: 80%;
max-height: 80%;
}

首先，我們需要創建一個容器元素，將其寬高設置為相等的值，且設置圓角半徑為50%。然后，使用flex布局使圖片在容器中垂直居中顯示。

接下來，我們再設置容器的背景顏色為灰色。這樣，即使圖片顯示不出來，用戶也能夠看到一個圓形的圖案。但是，我們希望圖片可以正常顯示，因此需要將圖片的最大寬高設置為容器的80%。這樣一來，無論圖片大小如何，它都能夠在圓形容器的中央顯示。

通過上述CSS樣式的設置，我們可以將一個圖像放置在一個大圓形容器中，從而實現圖片在圓圈中間的效果。