Html 如何在屏幕中央制作块？

如何使主块在水平和垂直方向上始终位于屏幕中心，即使您在浏览器中缩小了窗口？不得编辑代码的结构和自适应设计

就试着做导游，没帮上忙。

.title{
利润率：10px自动25px；
}
.街区{
保证金：自动；
显示器：flex；
柔性包装：包装；
弯曲方向：行；
证明内容：之间的空间；
宽度：100%；
左侧填充：30px；
右侧填充：30px；
最大宽度：700px；
}
.盒子{
位置：相对位置；
宽度：320px；
文本对齐：居中；
对齐项目：居中；
证明内容：中心；
边缘底部：20px；
}
.街区{
位置：相对位置；
宽度：300px；
高度：400px；
保证金：0自动；
边框：1px纯红；
}

本页标题
某些文本在块中
在那里发短信
某些文本在块中
在那里发短信

您能通过完整的HTML代码吗？如果您希望

.main block

始终使用Flex居中（x和y），则需要在其父块上添加word。