el-dialog 设置水平垂直居中高度不固定

最新推荐文章于 2024-11-30 10:38:41 发布

Ypromise-

最新推荐文章于 2024-11-30 10:38:41 发布

阅读量511

点赞数 5

分类专栏：样式细调文章标签： vue.js elementui 前端

本文链接：https://blog.youkuaiyun.com/weixin_44220845/article/details/143625516

版权

样式细调专栏收录该内容

4 篇文章

订阅专栏

小记一下：

希望实现不管内容高度多少 el-dialog都能水平垂直居中

效果：

css:

.form-view-dialog{
    display: flex;
    align-items: center;
    justify-content: center;
    
    .el-dialog{
        margin: 0 auto; 
    }
    .el-dialog__body{
        max-height: 75vh;  // 可选择  设置一个最大高度 
        overflow: auto;
    }
}