文本和图像在两行中垂直居中

可以通过CSS样式来实现。以下是一种常用的方法：

使用Flexbox布局：

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置容器高度为视口高度，保证垂直居中在整个页面中生效 */
}

.text {
  text-align: center;
}

.image {
  display: block;
  margin: 0 auto; /* 水平居中 */
}

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

这种方法使用了Flexbox布局，通过设置容器的justify-content: center;和align-items: center;属性，使文本和图像在垂直和水平方向上都居中。

使用表格布局：

.container {
  display: table;
  height: 100vh; /* 设置容器高度为视口高度，保证垂直居中在整个页面中生效 */
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

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

这种方法使用了表格布局，通过设置容器、行和单元格的样式，使文本和图像在垂直和水平方向上都居中。

以上两种方法都可以实现文本和图像在两行中垂直居中，具体选择哪种方法可以根据实际情况和需求来决定。