元素页面定位居中函数

function centerposition( obj ){
     var wWidth = document.documentElement.clientwidth;
     var wHeight = document.documentElement.clientHeight;
     var oWidth = obj.offsetWidth;
     var oHeight = obj.offsetHeight;
     obj.style.left = (wWidth - oWidth) / 2 + ‘px‘;
     obj.style.top = (wHeight - oHeight) / 2 + ‘px‘;
}

  

时间: 2024-08-14 23:22:16

元素页面定位居中函数的相关文章

sellenium页面元素的定位方法

1.findElements函数可用于多个元素定位 (1)使用ID定位:driver.findElement(By.id("ID值")); 例:HTML代码: 定位语句代码:WebElement username=driver.findElement(By.id("username")); WebElement password=driver.findElement(By.id("password"));  WebElement subimit=

jQuery实现页面元素智能定位

原文:jQuery实现页面元素智能定位 源代码下载地址:http://www.zuidaima.com/share/1550463635950592.htm

关于绝对(固定)定位居中的问题

关于绝对(固定)定位居中的问题2016-05-29 02:51:52 第一种: Div{ position:absolute; background:#f60; width:200px; height:200px; left:50%; top:50%; margin:-100px 0 0 -100px; } 注解:div的父元素是body 第二种: 首先说一下margin:auto;大家在页面布局的时候都见过margin:0 auto;让页面局中,margin:auto;也一样只不过他不是让页面

页面定位导航滚动插件

今天做页面定位导航时踩到一坑,由于页面顶部有一个fixed的导航条,所以用直接用锚点效果不好.所以打算用js来实现,顺便还有滚动的效果.昨晚做的时候想的是直接把tag设定为固定的值,但是睡觉前在平板上查看网页的时候发现,响应式布局,放到平板上top值就变了.所以今天起床又开始鼓捣这只小虫. 使用了jquery,然后滚动函数中使用jq来设定值,本来打算找到id后用 offset().top 加减一个差值就可以定位到我想要的位置.但是,在不同浏览器中obj.offset().top的值不一样,并且,

隐藏元素、浮动元素、定位元素

<html> <head> <meta charset="utf-8"> <title>隐藏元素.浮动元素.定位元素</title> <style> p{ width:300px; background:pink; } #column{ background:pink; width:33%; float:left; border-top:1px solid white; border-left:2px solid

js页面加载函数

在未加载完文档,使用jquery选择器选择元素后,如果立即绑定事件进行调用,会引起js的报错(can not read property of undefined),导致事件不能绑定成功. alert($("p")[1].firstChild.nodeValue); 这时就需要js的页面加载函数 一般有三种 window.onload = function(){ $("p").bind("click", function() { $(this).

css3种方法实现元素的绝对居中

元素的绝对居中应该是很多人熟悉的一个小应用,我记得很多年前去神州数码面试的时候就遇到过这个面试题.方法比较简单,代码如下: .node{ width : 300px; height : 400px; position : absolute; left : 50%; top : 50%; margin-left : -150px; /*一半的高度*/ margin-top : -200px; /*一半的宽度*/ } 这样的用法网上很多,我那时候也是只知其然不知其所以然,margin负值是一方面,这

页面文本居中问题

大家在网站建设中都会遇到整个页面文本居中的问题,有的人会说直接用margin:0 auto;不就可以了么!但是这只能设置一个元素的居中,如果想要整个页面居中,就必须设置所有元素居中,这样会很麻烦! 下面给大家提供一个方法: 这个方法可以兼容IE,火狐等浏览器,如果单单设置body不设置center的话,会出现IE不兼容的现象,大家可以试试!! 此文章属于王业楼的个人博客原创,若要转载请注明出处:王业楼的个人博客 www.ly89.cn

解决网页元素无法定位(NoSuchElementException: Unable to locate element)的几种方法

只解决一个问题--NoSuchElementException: Message: Unable to locate element 出错原因 1.可能元素加载未完成 元素加载没完成,同样的路径定位,每次测试结果确是不一样的,有时候抛出错误,有时候正常!这就比较蛋疼了,也就是说,和你的定位方法半毛钱关系没有,而很大程度上取决于你的电脑和网速! 1.解决方案A:添加两行代码 wait = ui.WebDriverWait(driver,10) wait.until(lambda driver: d