css如何让两个div并列且图文居中

可以使用Flex布局来实现两个div并列且图文居中的效果。具体可以按照以下步骤进行：

1. 父元素设置为display: flex，使其成为一个Flex容器。

2. 设置justify-content属性为center，这样子元素就可以水平居中。

3. 设置align-items属性为center，这样子元素就可以垂直居中。

4. 设置子元素的flex属性为1，这样子元素将会平分剩余空间，实现并列效果。

5. 对于子元素中的文字和图片，可以设置text-align: center和margin: auto来进行水平和垂直居中。

下面是示例代码：

<div class="container">
  <div class="item">
    <img src="图片路径" alt="图片描述">
    <p>文本内容</p>
  </div>
  <div class="item">
    <img src="图片路径" alt="图片描述">
    <p>文本内容</p>
  </div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item {
  flex: 1;
  text-align: center;
}

.item img {
  margin: auto;
}

.item p {
  margin: auto;
}