elementUI el-dialog彈框居中


添加如下樣式,現在這個彈框既能在視窗居中,又能在內容過多時防止彈框大小超出視窗,還能把滾動限制在body內部從而使得頭和尾始終可見,再也不用滾上滾下去找各種標題和按鈕了!

     .el-dialog{
            display: flex;
            flex-direction: column;
            margin:0 !important;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            /*height:600px;*/
            max-height:calc(100% - 30px);
            max-width:calc(100% - 30px);
        }
        .el-dialog .el-dialog__body{
            flex:1;
            overflow: auto;
        }

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM