Html 如何将div置于整个页面的中心

我想垂直居中。我曾尝试在顶部设置填充，并设置垂直对齐，但在“移动视图”中不起作用。有人能帮忙吗

<div style="padding-top:200px;vertical-align: middle;" align="center"> 
    This is testing content
</div>

这是测试内容

.box{
宽度：100px；
高度：100px；
背景色：红色；
弹性：100；
保证金：3倍；
位置：相对位置；
}
.box_文本{
颜色：#ffffff；
字体大小：20px；
字体大小：粗体；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
}

0

.content\u中心{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：250px；
高度：150像素；
边框：1px纯黑；
}

Div内容

你能把代码粘贴到这里吗？

align=“center”

是水平居中，

valign=“middle”

是垂直居中。CSS将是一个更好的选择。我需要垂直对齐页面，而不是任何部分，它也将工作在移动视图。以上链接对此不满意。