elementUIel-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;
}跑来跑去的，看得我头都大了，本以为会有API支持，可惜没有，只能通过样式解决，默认居中，完美。
QQ20200426-144937@2x
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-04-26，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读