ElementUi + Vue 使用技巧

福尔摩斯对我笑 2019-11-13 43710 次 15353条

弹出框居中

不建议使用transform: translate(-50%, -50%),但容器的高度为奇数时会导致文字虚幻的问题。

.el-dialog__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  .el-dialog {
    transform: none;
    margin:0 !important;
    position: relative;
    transform: none;
    max-height: calc(100% - 30px);
    max-width: 99%;
    > .el-dialog__body {
      overflow: auto;
      color: #666666;
    }
  }
}

标签: 无

非特殊说明,本博所有文章均为博主原创。

上一篇
头像也是LOGO
未来博客 博主大人
到了这个年纪,不应该再彷徨!

发表评论



 


已有 15353 条评论 1


  1. supreme hoodie

    Spot on with this write-up, I really think this website wants way more consideration. I抣l most likely be again to read rather more, thanks for that info.

    回复 2019年11月18日