Bootstrap Modal 垂直居中
2024-10-15 19:10:54
Bootstrap 的 modal 正文中如果内容较少的话，并不会垂直居中，而是偏上， 如果想要达到垂直居中的效果，需要自动动手了。
可以在初始显示时设置垂直居中，可以这样做：
$('#YourModal').modal().css({
'margin-top': function () {
return -($(this).height() / 2);
}
});
或者我们可以将这个效果注册到显示事件中
show: This event fires immediately when the
showinstance method is called.
$('.modal').on('show', function() {
$(this).css({
'margin-top': function () {
return -($(this).height() / 2);
}
});
});
最新文章
- Leetcode jump Game II
- Python数据库备份脚本
- 多态(RAW)
- POJ 1845 Sumdiv
- IIS配置默认文档
- mysql中的字符串类型数据索引优化
- iOS 学习笔记 三 （2015.03.05）
- DOM系列---进阶篇【转】
- Linux系统信息查看命令
- cocos2dx lua学习笔记 <一> quick 3.5定义本身C++类是必然lua
- VBA开发经验总结之一：利用Range对象设计用户界面
- VC生成lib的_stdcall函数名与mingw生成的不一致
- MegaCli 安装过程
- jmeter 登录并发 （此文章有待修改）
- Web 项目更改项目名
- （floyd）佛洛伊德算法
- JVM基础系列第4讲：从源代码到机器码，发生了什么？
- crc16.c
- [CNN] What is Convolutional Neural Network
- Linux 安装Zookeeper<集群版>(使用Mac远程访问)