在网页设计中，经常遇到把文本与图片一起呈现的情况。然而，当图片大小变化时，文本也应该相应地换行以适应新的图片尺寸。这时，我们可以通过 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 可以让我们很方便地实现文本与图片一起排布，并且可以自动适应不同尺寸的图片。如果你需要在你的网页中使用图片和文本，那么这个技巧一定会对你有所帮助。