写一个父div里面是有两个div并排然后这两个div分别有一张图片和一个文本居中

以下是一个例子：

<div style="display: flex;">
  <div style="flex: 1; display: flex; flex-direction: column; align-items: center;">
    <img src="图片1的路径" style="max-width: 100%;">
    <span style="text-align: center;">文本1</span>
  </div>
  <div style="flex: 1; display: flex; flex-direction: column; align-items: center;">
    <img src="图片2的路径" style="max-width: 100%;">
    <span style="text-align: center;">文本2</span>
  </div>
</div>

解释一下：

• 父div使用了flex布局，让子元素并排显示。
• 子元素也使用了flex布局，让图片和文本在垂直方向上居中显示。
• 图片的max-width属性设置为100%可以让它自适应父元素的宽度。