div中的文字纵向居中

在HTML中，如果你想让`<div>`元素内的文本垂直居中，可以采用几种方法：

1. **CSS Flexbox**:
使用Flex布局可以使内容垂直居中。给包含文本的`<div>`设置`display: flex; justify-content: center; align-items: center;`属性即可。

.container {
   display: flex;
   justify-content: center;
   align-items: center;
   height: some-value; /* 设置div的高度 */
}

这里，`justify-content: center;`让水平方向的内容居中，`align-items: center;`让垂直方向的内容居中。

2. **CSS Grid**:
如果你的项目支持Grid布局，也可以通过类似的方式实现垂直居中：

.container {
   display: grid;
   place-items: center; /* 或者使用 align-items: center 和 justify-items: center; */
   height: some-value;
}

3. **绝对定位** (配合`line-height`):
另一种常见的方法是利用绝对定位，并将`line-height`设置为与`height`相同的值，使得文本在垂直方向上居中。

.container {
   position: relative;
   line-height: some-value;
   height: some-value;
   text-align: center;
}

记得替换`some-value`为你实际需要的高度数值。