iview的模态框怎么垂直居中

Question

我想要模态框出现的位置垂直居中
这是框架内的代码

这是他的外层CSS代码

这是模态框的CSS代码

我该怎么写CSS让它垂直居中

Answer 1

父元素设置

position:relative;

或其他非static属性
子元素设置

position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;

还有其他3种方法，可以自行百度

Answer 2

父元素,display:flex
子元素,margin:auto
搞定。