如何使用flexbox将文本放在图像旁边？

使用flexbox将文本放在图像旁边的方法如下：

1. 创建一个包含图像和文本的父容器，可以是一个div元素。
2. 将父容器的display属性设置为flex，以启用flexbox布局。
3. 设置父容器的flex-direction属性为row，使图像和文本水平排列。
4. 使用flex属性来控制图像和文本在父容器中的比例。可以通过设置图像的flex属性为一个较小的值，文本的flex属性为一个较大的值，来实现文本放在图像旁边的效果。
5. 可以使用其他flexbox属性来调整图像和文本的对齐方式、间距等样式。

以下是一个示例代码：

<div class="container">
  <img src="image.jpg" alt="图像">
  <p>文本内容</p>
</div>

.container {
  display: flex;
  flex-direction: row;
}

img {
  flex: 1;
}

p {
  flex: 2;
}

在这个示例中，图像和文本都被包含在一个名为.container的div元素中。通过设置.container的display属性为flex，启用了flexbox布局。设置.flex-direction属性为row，使图像和文本水平排列。图像的flex属性为1，文本的flex属性为2，表示文本的宽度是图像宽度的两倍。

这样，文本就会放在图像的旁边，并且可以根据需要调整图像和文本的比例。