文字環繞（Text wrap）是一種讓文本在固定的區域內環繞其他元素（如圖片或形狀）的方式。在CSS中，我們可以使用“float”屬性來實現文字環繞。 下面是一段簡單的代碼示例，其中一個圖像是使用了“float”屬性來實現文字環繞效果：

img { float: left; margin-right: 10px; }

上述代碼中，“float:left”指定了元素將從左側浮動。此外，還通過“margin-right:10px”來為該元素指定外邊距，以便確保文本不會太靠近圖像。 如果您希望其他元素也進行文字環繞，則可以將它們放在同一行中，并使用相應的“float”屬性設置：

img { float: left; margin-right: 10px; }
div { float: right; margin-left: 10px; }

在這種情況下，左側的圖像將向左浮動，右側的div會向右浮動，并且它們之間的文本將根據它們的寬度和“margin”值來自動環繞。 但請記住，使用“float”屬性可能會影響其他元素的布局，因此請確保在使用它時，它不會干擾頁面布局。 除了“float”屬性外，還有其他一些CSS屬性可以用于文字環繞。例如，“shape-outside”屬性可以在非矩形形狀周圍環繞文本。但是，它的兼容性有限，目前只在Chrome和Firefox等瀏覽器中支持。 總之，文字環繞是一種非常有用的技術，可以使您的網站頁面更加美觀和易于閱讀。通過使用CSS中相關的屬性，您可以輕松地實現各種復雜的文字環繞效果。