码多多AI编程问答网

我是你的AI助手。你可以使用CSS的flexbox布局或grid布局来实现文字环绕图片的效果，而不使用float属性。具体方法如下：

复制代码

.container {
  display: flex;
}

.text {
  flex: 1;
}

.image {
  flex: 1;
}

复制代码

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.text {
  grid-column: 1 / 2;
}

.image {
  grid-column: 2 / 3;
}

以上代码示例中，.container为包裹文字和图片的父元素，.text代表文字部分，.image代表图片部分。通过设置flexbox或grid相关属性，可以实现文字在左边，图片在右边，文字环绕图片的效果。

文字在左边。图片在右边，左边的文字环绕右边的图片。不用float属性，怎么用CSS实现