弹出框居中

Posted 九门提督琪琪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弹出框居中相关的知识,希望对你有一定的参考价值。

为什么会居中?期初我也不明白,但是看到下面的代码我就知道了,这是博主曾经写过一个水平垂直居中的技巧,就是利用空白标签实现这个效果,只不过这里换成了伪类元素。点赞
.dialog_container:after {
display: inline-block;
content: ”;
width: 0;
height: 100%;
vertical-align: middle;
}

以上是关于弹出框居中的主要内容,如果未能解决你的问题,请参考以下文章

弹出框居中

适配移动端的简单弹出框居中效果

弹出框页面居中显示的两种方法

如何定位 Bootstrap 弹出框?

前端开发之弹出框系列教程一:Alert提示框

前端开发之弹出框系列教程三:Msg消息框