1. 程式人生 > >flex佈局 主軸寬度不足時,子專案寬度設定不起作用

flex佈局 主軸寬度不足時,子專案寬度設定不起作用

.wrap{
    display: flex;
    flex-direction: column;//主軸為豎向
    align-items: center;}
若容器內豎向空間不足,子專案的height可能不起作用,被直接壓縮為0,此時需設定其flex屬性(flex: flex-grow, flex-shrink 和 flex-basis的簡寫)以解決被壓縮問題:
style="display: flex;justify-content: space-around;margin-bottom: 20px;flex: 0 0 auto;width: 100%;"