css设置文本上下居中

要将 `div` 里面的内容上下居中显示，可以使用以下几种方法之一：

### 方法一：使用 Flexbox
这是最常用且最灵活的方法。

```css
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* 或者设置为容器的高度 */
}
```

### 方法二：使用 Grid 布局
Grid 布局也可以轻松实现上下居中。

```css
.container {
  display: grid;
  place-items: center;
  height: 100vh; /* 或者设置为容器的高度 */
}
```

### 方法三：使用 `line-height`
如果你的内容只有一行文本，可以使用 `line-height`。这种方法不适用于多行文本或复杂内容。

```css
.container {
  height: 200px; /* 容器的高度 */
  line-height: 200px; /* 和容器的高度一致 */
  text-align: center;
}
```

### 方法四：使用绝对定位
这种方法适用于所有类型的内容，但需要知道容器的高度。

```css
.container {
  position: relative;
  height: 200px; /* 容器的高度 */
}

.container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

你可以根据具体情况选择最合适的方法。如果有任何进一步的问题，随时告诉我。