flex 布局占位符

空 span

bug

.popover-custom-class .system-guide-container .buttons-box {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

沒有設置寬度，自動填充的內容寬度 bug ❌

solution ✅

width: 100%;

.popover-custom-class .system-guide-container .buttons-box {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%;
}

justify-content: space-between;

??? flex-end

.callout-box__footer {
    width: 100%;
    border-radius: 0 0 4px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 20px 20px;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

text-rendering: optimizeLegibility;

refs

https://xgqfrms.feishu.cn/drive/home/

---

---

©xgqfrms 2012-2020

www.cnblogs.com 發布文章使用：只允許注冊用戶才可以訪問！

---