屏幕中间的中心h1
这个问题在这里已经有了答案：
您可以使用display flex为其所有直接子项创建一个flex上下文，并使用flex方向建立主轴，从而定义flex项目放置在flex容器中的方向
div{
height: 400px;
width: 800px;
background: red;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
只要做到这一点，它适用于每个浏览器：
div{
height: 400px;
width: 800px;
background: red;
line-height: 400px;
text-align: center;
}
line-height属性指定行高（垂直居中）， text-align:center将其直接放置在中心。
<div>
<style>
div {
position: fixed;
top: 50%;
left: 50%;
}</style>
<h1>This is title</h1>
</div>
使用position: fixed您将位置设置为固定值，并且将top和left均设置为50%您将在屏幕中间获取该位置。
祝你好运！
以下是一些更多信息：https：//css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
链接地址: http://www.djcxy.com/p/41655.html