[分享]css中如何把文字放到div中间

在 CSS 中，将文本内容垂直和水平居中放置在 div 中间是一个常见的需求。这可以通过使用一些简单的 CSS 属性和技巧来实现。 首先，我们需要使用 CSS 中的 display 属性将 div 元...

在 CSS 中，将文本内容垂直和水平居中放置在 div 中间是一个常见的需求。这可以通过使用一些简单的 CSS 属性和技巧来实现。 首先，我们需要使用 CSS 中的 display 属性将 div 元素变为 block 元素。 然后，我们可以使用 text-align 属性将文本水平居中，如下所示： div { display: block; text-align: center; } 接下来，我们需要使用一些技巧来垂直居中文本。我们可以使用行高来实现它。将行高设置为 div 的高度可以使文本垂直居中。例如，如果我们的 div 高度为 100px，我们可以将行高设置为 100px，如下所示： div { display: block; text-align: center; height: 100px; line-height: 100px; } 这样，文本就会在 div 的中心垂直和水平居中了。 完整示例代码如下：

div {
  display: block;
  text-align: center;
  height: 100px;
  line-height: 100px;
} 

如果您想要对其中的文字内容进行样式更改，您只需要在 div 中放入相应的文本，然后为其设置相应的样式即可。