vue 如何实现图片和文本在同一行

在Vue中，要让图片和文本在同一行显示，你可以使用HTML的基本布局结构，结合CSS来调整样式。通常可以使用`<div>`或者其他容器元素作为父元素，并设置display属性为`inline-block`或者`flex`。

例如，如果你有一个`<img>`标签和一个`<p>`标签：

<div class="image-text-container">
  <img :src="imageUrl" alt="Image description" style="width: auto; display: inline-block;">
  <p>{{ textContent }}</p>
</div>

然后在CSS中添加如下规则：

.image-text-container {
  display: flex;
  align-items: center; /* 如果你想让文本居中，可以加上这行 */
}

这里`:src`是Vue的绑定语法，`alt`属性用于提供图像描述，如果图片无法加载，替代文字会显示出来。`width: auto`会让图片自适应其内容区域的宽度。

如果你想图片始终保持固定大小，可以去掉`width: auto`，并设置特定的宽度和高度。