如何让div中的文字垂直居中

在等公交车的时候，我看到手机上弹出了一个广告。
无论我将屏幕放大多少，文本都位于中心的 div 框中。
像“限时优惠”之类的俏皮话，从上到下都编织得严丝合缝，公平公正。
后来我想这可能不是巧合。

简单的一行。
使行高等于框高。
我昨天试过了。
促销页面的字体大小为 1 6 px，行高为 1 6 px。
啊，太完美了。
没有多想。

多行很烦人。
上次使用条款更改弹出窗口充满了小写字母，我无法将其居中。
我尝试了很长时间，然后我想起了我之前学过的一个技巧。
首先，相对定位最外面的div，并将其高度设置为3 00px等。
里面的文本div是绝对定位的，我将顶部设置为5 0％，然后翻译：translateY（-5 0％）。
就是这样。
无论有多少行以及如何添加或删除它们，该单词始终位于中间。

等一下，还有一件事。
我那天午夜之前更改了代码。
我面对两个具有相同样式的 div，即单行和多行。
突然发现一行居然用了flexbox，父显示flex，子元素align-items center。
这个方法更直接，我为什么没有早点想到呢？具有绝对定位的多行也是可能的，但感觉不如 Flex 直观。

现在想想，这些方法似乎都不错。
对于单行使用 line-height，对于多行使用position+transform，并使用 flex。
关键是如何根据实际情况来选择。
如何创建没有绝对定位的用户同意弹出窗口？弯曲会不会太麻烦？如果还有外部因素需要考虑怎么办？
flex方法只是父级flex，子元素以对齐项目为中心。
我想明天我会尝试一下，看看效果如何。

怎样让div文字水平居中垂直居中

抱歉，这个问题我已经回答过好几次了。
话虽如此，我需要详细讨论一下该 HTML 的 text-align 和 line-height 属性。

首先，创建一个新的 HTML 文档。
这个东西就像一张空白的画布。
你必须借鉴它。
身体标签就像一张大纸，上面可以写很多不同的东西。

1 .我记得那是2 01 7 年，我正在电脑上工作。
我写了一个HTML文档，然后在内容中添加了一个div标签，就像在画布上画了一个小框一样，并用文本填充了它。
该文本内容如下：“这是需要居中的文本。
”
2 接下来，为了使该文本水平居中，我将 text-align 属性添加到 div 标签并将值设置为“center”。
执行此操作时，文本将在框架内居中。
我记得多次尝试这个过程并最终成功了。

3 然后，为了使文本垂直居中，我向 div 标记添加了 line-height 属性。
这次我直接将line-height值设置为div的高度。
当时我不太明白这个原理，后来查了资料发现这是因为line-height的值大于div的高度所以文字居中。

这说起来容易，但确实需要练习。
当时我不明白为什么设置line-height和div-height值会起作用。
后来查资料才知道这是一种CSS布局技术。
说太多会让人哭，但总之，只要按照步骤去做，就一定能完成。

如何使文字在div中水平和垂直居中的css代码

是的，这就是问题所在。
首先创建一个 div 并输入“显示文本”。

宽度2 00，高度1 00，背景灰色，默认为左上角。
添加文本对齐：居中；并且文本将水平居中。

增加行高：1 00px；垂直对齐：中间；并且文本将水平和垂直居中。