大家都知道bootstrap是一款非常实用的CSS框架，由于其简洁，美观，快捷，响应式等特点备受大家喜欢，但是其本身也是存在很多bug，有时往往达不到业务逻辑要求，今天我要谈的是bootstrap的模态框，其默认是显示距离浏览器顶端30px，左右居中。
在网上查了不少解决方法，其实现的方法也有不少，如下：
通过研究，这种方法并不能完全居中，要是窗口大小不一样的话，每次显示的顶部距离即margin-top的值也会改变。而且遮罩层会出现滚动条。
实现方法：
在bootstrap.js文件900行后面添加如下代码，便可以实现垂直居中。
效果图：
拓展知识-模态框常用属性：
1、本网站名称：源码村资源网
2、本站永久网址：https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
源码村资源网 » 上下左右居中代码(上下居中的代码)
2、本站永久网址：https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
源码村资源网 » 上下左右居中代码(上下居中的代码)
1 评论