css
.main{
background: #999999;
width: 600px;
height: 400px;
/*采用flex方式*/
display: flex;
/*div内容垂直居中*/
align-items: center;
/*div内容水平居中*/
justify-content: center;
text-align: justify;
}html
<body >
<div class="main">
<!-- 居中的内容需要使用一个div包含 -->
<div>
<p>测试测试测试</p>
<p>测试测试测试</p>
<p>测试测试测试</p>
</div>
</div>效果图如下
原文：https://www.cnblogs.com/linhuaming/p/11923455.html