jQuery实现水平和垂直居中
来源:互联网 发布:网络管理零基础知乎 编辑:程序博客网 时间:2024/06/05 00:57
实现div的实现水平和垂直居中,使用css有好多方法,这里不赘述。但是有些属性像是margin-left:-50%;这样的属性在华为手机的低版本上无法识别。
优点:就是不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的弹出层效果中应用。
解决办法:jQuery实现水平和垂直居中
$(".mydiv").css({ position: "absolute", left: ($(window).width() - $(".mydiv").outerWidth())/2, top: ($(window).height() - $(".mydiv").outerHeight())/2 });
优点:就是不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的弹出层效果中应用。
而且,无兼容性问题。
阅读全文
0 0
- jQuery实现水平和垂直居中
- css实现水平居中和垂直居中
- CSS实现水平居中和垂直居中
- CSS实现垂直居中和水平居中
- jquery实现div水平垂直居中显示
- css 实现水平居中 和 垂直水平都居中
- css3 实现元素水平和垂直居中
- 实现水平居中垂直居中
- 水平和垂直居中
- 水平居中和垂直居中
- 水平居中和垂直居中
- 水平居中 和垂直居中
- 水平居中和垂直居中
- CSS实现DIV水平居中和上下垂直居中
- CSS中实现垂直居中和水平居中
- 利用css实现水平居中和垂直居中
- css实现垂直居中和水平居中的方法
- css实现水平居中和垂直居中的常见方式
- 2D图形编程指南
- C# winform 为按钮添加键盘快捷键
- DOM的事件
- 【POJ 3264】Balanced Lineup(RMQ算法||线段树)
- Go语言学习之cgo(golang与C语言相互调用)
- jQuery实现水平和垂直居中
- 解决Dojo中id is already registry的问题
- Linux定时任务Crontab命令详解
- 测试
- Spring(19)——Profile(二)
- zzuli2173: GJJ的日常之玩游戏
- 为排序使用索引 Orderby优化
- (HDU
- c#结构体