在網(wǎng)頁設計中，常常需要在文字段落中插入圖片來豐富頁面的排版，而圖片的顯示位置也是設計師特別注重的一點。本文將介紹使用 CSS 將圖片靠左上顯示，并且文字可以自動環(huán)繞繞過圖片的實現(xiàn)方法。

<div class="content">
<img src="image.jpg" alt="圖片">
<p>這是一段文字，文字將自動環(huán)繞繞過圖片的位置顯示。</p>
</div>
<style>
.content {
width: 600px;
height: 300px;
position: relative;
}
.content img {
position: absolute;
top: 0;
left: 0;
}
.content p {
margin-left: 150px;
}
</style>

以上代碼中，首先將需要在文字段落中顯示的圖片和文字都包含在一個 div 標簽中，然后設置該 div 的寬度和高度，以及相對定位。接著，將圖片設置為絕對定位，并且設置其 top 和 left 值為 0，這樣圖片將粘貼在 div 左上角。最后，通過將文字的 margin 左邊距設置為圖片的寬度加上一定的間距（這里設置為 150px），來讓文字在圖片的右側顯示并且環(huán)繞繞過圖片。

通過以上方法，就可以實現(xiàn)在文字段落中將圖片靠左上顯示，并且文字可以自動環(huán)繞繞過圖片的效果了。此外，還可以通過設置圖片的 z-index 值來調整圖片與文字的層級關系，以實現(xiàn)更豐富的頁面排版效果。