水平居中 <p style='display:flex;justify-content:center;'>水平方向居中</p> 效果 垂直居中 <div style='display: flex;width:100%;border:1px solid red;height:200px;'> <span style='display:flex;align-items:center;'>垂直方向居中</span> </div> 效果图