Html div class="flex" div p鲨鱼大王/p p鲨鱼大王/p /div/div 多行文字要写在子Div中,不然的话会在一行显示 CSS .flex{ /*flex 布局*/ display: flex; /*实现垂直居中*/ align-items: center; /*实现水平居中*/
Html
<div class="flex"> <div> <p>鲨鱼大王</p> <p>鲨鱼大王</p> </div> </div>
多行文字要写在子Div中,不然的话会在一行显示
CSS
.flex{ /*flex 布局*/ display: flex; /*实现垂直居中*/ align-items: center; /*实现水平居中*/ justify-content: center; text-align: justify; width:200px; height:200px; background: #000; margin:0 auto; color:#fff; }