css中用什么实训文字环绕图片

在网页设计中，文字与图片的组合可以让页面更加生动和有趣，其中文字环绕图片是一种常见的布局方式。在 CSS 中，有几种方法可以实现文字环绕图片的效果，下面介绍其中一种常用的方法。

首先，我们需要将图片设置为浮动元素（float），以使其脱离文档流并可以向左或向右靠拢。然后，我们需要设置一些属性来控制文本的布局。下面是一段 CSS 代码示例：

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

p{
  text-align: justify;
  padding: 10px;
} 

上述代码将图片设置为左浮动，并给它添加了一些外边距来使它与文本产生间隔。接着，我们设置了段落文本的对齐方式为左右对齐（justity），这将使文本在行末自动添加间隔，并让整个段落看起来更加美观。最后，我们也给段落添加了一些内边距。

当我们在 HTML 中使用了上述 CSS 样式后，效果如下图所示：

可以看到，文字环绕图片的效果已经实现了。需要注意的是，当图片尺寸较大时，文本环绕效果可能会不太理想，这时我们可以对图片进行裁剪或者使用其他的环绕方式。