Javascript 更改屏幕大小时，如何将文本保持在html部分的中心？

我实现了一个包含两个部分的简单网页。在本节中，每个部分都有包含2行的文本。我希望在更改屏幕大小（RWD）时，将此文本保持在部分的中间（左边距、顶部距、右侧距、底部距）。例如，当我在桌面上运行此网页时，该部分中的文本将位于该部分的中心，当我在智能手机/平板电脑上运行此网页时，该文本也将位于该部分的中心。有可能吗？代码如下：

正文{
身高：100%；
}
部分{
高度：60vh；
}
第N节儿童（1）{
背景：白色；
}
第N节儿童（2）{
背景#f2efeff；
}

约翰很高兴。


谢谢。


祝你今天愉快。


祝你好运。

您可以使用flexbox网格进行块对齐

正文{
身高：100%；
}
部分{
高度：60vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
第N节儿童（1）{
背景：白色；
}
第N节儿童（2）{
背景#f2efeff；
}

约翰很高兴。


谢谢。


祝你今天愉快。


祝你好运。

我希望这对您有所帮助

在CSS文件中，您可以使用以下方法：

section {
  text-align:center;
  height: 60vh;
}

/*或*/

section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
}