要将 `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%);
}
```
你可以根据具体情况选择最合适的方法。如果有任何进一步的问题，随时告诉我。
