.className{ width:270px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px; }
jquery方法 $(document).ready(function(){ $(window).resize(function(){ $('.className').css({ position:'absolute', left: ($(window).width() - $('.className').outerWidth())/2, top: ($(window).height() - $('.className').outerHeight())/2 }); }); // To initially run the function: $(window).resize(); });
相关推荐
CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法CSS网页布局DIV水平居中的各种方法
如何用CSS&jQuery的垂直和水平方向的固定的或流体的div居中。 演示地址:http://www.jq22.com/jquery-info141
div框水平垂直居中跟内容垂直居中
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
DIV+CSS水平 垂直居中.docDIV+CSS水平垂直居中
用CSS+JQuery实现的div翻转效果
CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法CSS网页布局DIV水平居中的各种方法
使用CSS+jQuery实现的水平二级菜单 使用CSS+jQuery实现的水平二级菜单
这是一个非常适用学习的DIV+CSS+JQUERY的学习模板,可以好好研究。
div css jquery 列表 javascript 创建的菜单
DIV+CSS 图片垂直居中效果
DIV+CSS+JQUERY源码实例
我们在制作网页时,有时需要多重div的重叠,每个div添加不同的内容,以实现特殊的层叠效果,这个如何实现,在网上没找到现成的详细的教程,但是可以用现有的知识,自己摸索哦。终于成功了,O(∩_∩)O~ 分享出来。...
NULL 博文链接:https://zhouyao.iteye.com/blog/417432
NULL 博文链接:https://javapub.iteye.com/blog/709361
透明div可以拖动 Jquery特效,CSS+DIV透明div可以拖动 Jquery特效,CSS+DIV透明div可以拖动 Jquery特效,CSS+DIV
div+css+JQuery仿京东商品详情界面
Jquery+div+css 鼠标经过内容切换实例,有用到可以拿去参考哦!
华丽设计DIV+CSS+JQuery模板