在網頁設計中，經常遇到把文本與圖片一起呈現的情況。然而，當圖片大小變化時，文本也應該相應地換行以適應新的圖片尺寸。這時，我們可以通過 CSS 來實現這個效果。 在 CSS 中，我們可以使用“float”屬性來讓圖片浮動在文本周圍。同時，我們可以使用“overflow:hidden”屬性和“clear:both”屬性來使文本能夠自動換行并避免出現意外的布局。下面是一個例子：

p {
width: 400px;
overflow: hidden;
clear: both;
}
img {
float: left;
width: 200px;
height: auto;
margin-right: 20px;
}

在這個例子中，我們定義了一個段落元素 p，寬度為 400 像素，同時設置了 overflow: hidden 和 clear: both 屬性。這使得文本能夠自動換行并且不影響布局。 同時，我們定義了一個 img 元素，并將其設置為浮動在左側。圖片的寬度為 200 像素（可以根據需要進行調整），并設置了一個 20 像素的右邊距。 現在，當我們在這個段落中插入文字和圖片時，文本會自動在圖片周圍并適應其大小進行排布。如果我們改變圖片的大小，文本也會隨之自動換行。 總之，CSS 可以讓我們很方便地實現文本與圖片一起排布，并且可以自動適應不同尺寸的圖片。如果你需要在你的網頁中使用圖片和文本，那么這個技巧一定會對你有所幫助。