element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动

2023-12-14 10:05:51

app.vue?style部分添加以下内容:?

.el-dialog {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  overflow-y: scroll !important;
  max-height: 100vh !important;
}

?即可实现

文章来源:https://blog.csdn.net/m0_74801194/article/details/134986268
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。