不固定高度div怎么将文本垂直居中

如果 div 的高度不固定，可以使用 CSS 的属性和值来实现文本的垂直居中。以下是两种常用的方法：

方法一：使用 flexbox 布局
可以将 div 的样式设置为 `display: flex;` 和 `align-items: center;`，这会使文本垂直居中。下面是一个示例代码：

div {
  display: flex;
  align-items: center;
}

方法二：使用表格布局
可以将 div 的样式设置为 `display: table;`，然后在其内部创建一个具有 `display: table-cell;` 和 `vertical-align: middle;` 属性的子元素。这样可以实现文本的垂直居中。下面是一个示例代码：

div {
  display: table;
}

div > span {
  display: table-cell;
  vertical-align: middle;
}

以上两种方法都可以实现不固定高度的 div 中文本的垂直居中效果，你可以根据实际情况选择其中一种方法来使用。