div中有文字和图片，让文字和图片垂直对齐

在HTML中，如果你想让div元素内的文本和图片垂直居中对齐，可以采用以下几种方法：

1. **Flexbox布局**:
如果你的项目支持现代浏览器，可以使用Flexbox。将包含文字和图片的div设置为`display: flex; justify-content: center; align-items: center;`，这样内容会自动垂直居中。

<div class="align-center">
  <img src="your-image-url" alt="图片描述">
  <p>这是文字</p>
</div>

<style>
.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

2. **CSS Grid布局**:
另一种选择是CSS Grid，创建两行网格并使其占据整个可用空间也可以达到效果：

<div class="grid-container">
  <div class="grid-item">
    <img src="your-image-url" alt="图片描述">
  </div>
  <div class="grid-item">
    <p>这是文字</p>
  </div>
</div>

<style>
.grid-container {
  display: grid;
  place-items: center;
  height: 100%; /* 或者适合你容器的高度 */
}

.grid-item {
  width: 50%;
}
</style>

3. **绝对定位** (适用于固定高度的div):
使用CSS的`position: relative;`和`.absolute`可以让内容居中对齐：

<div style="position: relative; height: 200px;">
  <img src="your-image-url" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
  <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">这是文字</p>
</div>

记得针对不同情况调整样式，如兼容性和响应式设计。