版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34169240/article/details/88012989
flex布局
<div class="flex"> <div> <p>我是多行文字我是多行文字我是多行文字我是多行文字</p> <p>我是多行文字我是多行文字我是多行文字我是多行文字</p> </div> </div>
.flex{ /*flex 布局*/ display: flex; /*实现垂直居中*/ align-items: center; /*实现水平居中*/ justify-content: center; text-align: justify; width:200px; height:200px; background: #000; margin:0 auto; color:#fff; }