如何垂直对齐div中的元素？

如何垂直对齐 div 中的元素？

要垂直对齐 div 中的元素，可以使用 CSS 中的 vertical-align 属性。该属性可以设置元素在垂直方向上的对齐方式，包括 top、bottom、center 和 baseline。

下面是一个示例代码，将 div 元素的高度设置为 100px，并将内部元素的 vertical-align 属性设置为 middle：

<div style="height: 100px;">
  <p style="vertical-align: middle;">文本内容</p>
  <img src="image.jpg" style="vertical-align: middle;">
</div>

在上面的代码中，将 vertical-align 属性设置为 middle 可以确保文本内容和图像在 div 元素的中心垂直对齐。

需要注意的是，vertical-align 属性只能用于行内元素（如文本、图像等）和某些块级元素（如 inline-block 元素）。对于其他类型的元素，例如 div 元素，可以使用其他方法来实现垂直对齐，例如使用 padding 或绝对定位。