CSS文字環繞PNG圖片是一種常見的排版方式，在網頁設計中能夠起到美化頁面的作用。本文將介紹如何使用CSS實現文字環繞PNG圖片的效果。

.wrap {
width: 500px;
margin: 0 auto;
}
.left {
float: left;
width: 200px;
margin: 0 20px 20px 0;
}
.right {
float: right;
width: 200px;
margin: 0 0 20px 20px;
}

首先，我們需要設置一個容器用來包裹圖片和文字，本例中容器的寬度為500像素。接著，我們分別設置左右兩個容器用來放置圖片，使用浮動屬性讓它們顯示在頁面的左右兩側。

.clearfix {
clear: both;
}
img {
max-width: 100%;
}

接著，我們需要用clearfix來清除容器中因為浮動元素導致的高度塌陷問題。對于圖片，我們讓其最大寬度為100%以適應不同大小的屏幕。

左側的文字。
右側的文字。

最后，在容器中插入文本和圖片元素。通過將文本元素放到圖片容器的前面或后面，我們就可以實現圖片環繞文字的效果。

以上就是實現CSS文字環繞PNG圖片的全部內容，感謝您的閱讀。