在App.vue中加入以下css代码
.el-dialog {
display: flex;
flex-direction: column;
margin: 0 !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
以上是编程学习网小编为您介绍的“el-dialog弹窗全局垂直居中设置”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:el-dialog弹窗全局垂直居中设置
猜你喜欢
- CSS经典实用技巧18招 2022-10-16
- Ajax教程实例详解 2022-12-15
- 全面剖析CSS Position定位 2023-12-14
- AJAX显示加载中并弹出图层遮挡页面的实现示例 2023-01-26
- HTML5 History API 实现无刷新跳转 2024-03-01
- Python脚本Selenium及页面Web元素定位详解 2023-12-13
- 利用Blob进行文件上传的完整步骤 2023-12-23
- CSS3使用过度动画和缓动效果案例讲解 2022-11-20
- IE与FF下javascript获取网页及窗口大小的区别详解 2023-12-24
- 块级元素的三种垂直水平居中的方法 2024-01-05