flex和justify-content的应用

文字在div居中

.text {
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 60px 0 60px 10px;
}

justify-content和flex、padding配合使文字垂直居中,通过padding调整上下的空隙

你可能感兴趣的:(flex和justify-content的应用)