在網頁設計中，我們常常會遇到需要將文字環繞圖片放置的情況。如何使得文字能夠緊緊地圍繞在圖片中心位置，營造出更好的視覺效果呢？下面就讓我們通過CSS的實現來看看具體的方法。

.img-wrapper {
width: 200px;
height: 200px;
float: left; /* 讓圖片向左浮動 */
margin: 0 10px 10px 0; /* 設置圖片與其他元素的間距 */
}
.img-wrapper img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto; /* 讓圖片水平居中 */
}
.img-wrapper p {
text-align: justify;
}

以上代碼中，我們首先為圖片容器設置了一個寬度和高度，并讓其向左浮動，以便將文字圍繞在圖片周圍。同時，我們也為圖片設置了一個最大寬度，使其能夠適應不同尺寸的屏幕。接下來，我們將文字容器設置為左對齊，并采用“text-align: justify”的方式來實現將文字布滿全部空間的效果。最后，我們為圖片設置了一個“margin: 0 auto”的樣式，讓它在水平方向上居中對齊。

以上就是文字圍繞圖片中心的實現方法。如果您在實踐過程中遇到了問題，也可以查看一些相應的CSS教程，提高自己的技能水平。