通过js让页面中的元素上下居中的写法
来源:互联网 发布:Linux是否安装vnc 编辑:程序博客网 时间:2024/05/22 02:17
/**
* brief 这些代码用于在线制图中 attention author <list of authors> <date> begin modify by
* null
*/
/**
*alert($(window).height()); //浏览器当前窗口可视区域高度
*alert($(document).height()); //浏览器当前窗口文档的高度
*alert($(document.body).height());//浏览器当前窗口文档body的高度
*alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
*alert($(window).width()); //浏览器当前窗口可视区域宽度
*alert($(document).width());//浏览器当前窗口文档对象宽度
*alert($(document.body).width());//浏览器当前窗口文档body的高度
*alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
$(document).ready(function(){
//获得窗口的高
var windowHeight = $(document).height();
//获得窗口的宽
var windowWidth = $(document).width();
//获得登录部分的窗口的高度
var loginboxHeight = $("#login-container").height();
alert(loginboxHeight);
//获得登录部分的窗口的宽度
var loginboxWidth = $("#login-container").width();
alert(loginboxWidth);
//设定login-container的左右边距
var loginContainerTop = (windowHeight-loginboxHeight)/2;
var loginContainerLeft = (windowWidth-loginboxWidth)/2;
$("#login-container").css("top",loginContainerTop + 'px');
$("#login-container").css("left",loginContainerLeft + "px");
});
**/
- 通过js让页面中的元素上下居中的写法
- 元素在页面内上下居中的4种方法
- position学习 一种让元素上下和左右居中的方式
- 上下移动页面元素的代码
- 图片自适应父元素的大小,并左右上下居中
- js拖拽页面元素(包含垂直居中元素)
- 通过js控制页面元素的响应式布局
- 让绝对定位的元素居中
- 如何让浮动的元素垂直居中
- css-如何让你的元素居中?
- 让元素水平垂直居中的方法
- CSS:如何让元素在页面中水平垂直居中?
- CSS相对于屏幕上下居中定位写法
- js弹窗上下居中
- 页面或者元素不居中的原因
- 页面元素居中的几种方法
- 页面中元素的垂直居中
- html和js图片上下居中的两种方法
- 【暮色天】1月10日非农喊单盈利总结
- new operator的工作原理
- yii 模块
- magento 常用函数整理了(未完待续,长期整理)
- UltraEdit窗口布局乱了,重新设置,超实用
- 通过js让页面中的元素上下居中的写法
- yii 路径别名与名字空间
- 杂谈计算机专业设置
- groupingstore extjs
- LeetCode - Unique Binary Search Trees
- ubuntu 10.4
- 黑马程序员_JAVA基础——抽象类
- 中国互联网大佬江湖图:
- Unity3D NGUI ScrollView的学习