vertical-align: middle; 图片和文字没有对齐

`vertical-align: middle;` 属性只能在行内元素中使用，并且它是用来设置元素在行框的垂直对齐方式的。

如果你想要实现图片和文字在一个块级元素中的垂直居中，可以使用以下方法：

1. 使用 flexbox 布局

<div class="container">
  <img src="image.jpg" alt="">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

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

2. 使用 table-cell 布局

<div class="container">
  <div class="cell">
    <img src="image.jpg" alt="">
  </div>
  <div class="cell">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </div>
</div>

.container {
  display: table;
}

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

这些方法可以确保图片和文字在垂直方向上居中对齐。如果还有其他问题，请提供更多的代码和细节，我将尽力帮助你解决。