div中上下居中显示文字

可以使用CSS中的Flex布局来实现div中上下居中显示文字。具体实现方法如下：

HTML代码：

<div class="container">
  <p>居中显示的文字</p>
</div>

CSS代码：

.container {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  height: 200px; /* 设置div的高度 */
}

通过设置display属性为flex，以及align-items属性和justify-content属性分别为center，即可实现div中居中显示文字的效果。其中，height属性可以根据需要自行设置。

相关问题

前端div 文字上下居中显示

好的，我可以回答这个问题。实现文字上下居中显示可以使用 CSS 样式，在 div 中添加 display: flex; align-items: center; justify-content: center; 即可。这样文字就会在 div 中上下居中显示了。

文字在div中垂直居中

可以使用CSS中的flex布局来实现文字在div中垂直居中。

具体做法如下：

1. 首先在父元素上设置display: flex和align-items: center属性，这样子元素就能够垂直居中了。

2. 然后在子元素上设置margin: auto，这样子元素就能够水平居中了。

示例代码如下：

HTML代码：

<div class="container">
  <p>这里是文字</p>
</div>

CSS代码：

.container {
  display: flex;
  align-items: center;
  height: 200px; /*设置div高度，方便查看效果*/
  border: 1px solid #ccc; /*设置边框，方便查看效果*/
}

p {
  margin: auto;
}

这样设置之后，文字就能够在div中垂直居中了。