vue3中文字如何浮动在图片上

在 Vue3 中，可以使用 CSS 的 `float` 属性来实现文字浮动在图片上的效果。

首先，你需要在 Vue3 的模板中添加一个包含图片和文字的容器元素，例如：

<div class="container">
  <img src="your-image-url" alt="your-image">
  <p>你想要浮动的文字</p>
</div>

接下来，你需要为图片设置浮动属性，并为文字设置一个 margin。

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

.container p {
  margin-top: 0;
  margin-bottom: 0;
}

在上面的 CSS 代码中，我们为图片设置了 `float: left` 属性，让它浮动在左侧，同时为文字设置了一个 margin-right，使它不会贴在图片上。我们还为文字设置了 margin-top 和 margin-bottom，这样可以使文字与其他元素之间有一些间距，不会显得过于拥挤。

最后，你需要在组件的样式中引入这些 CSS 代码，或者将它们写在全局的样式表中。