div页面居中
来源:互联网 发布:智能对话机器人软件 编辑:程序博客网 时间:2024/06/03 16:45
要使div在页面居中,可以将div定位设为absolute,左右为50%,margin_letf=-width/2 margin-right=-height/2。
这样的缺点是浏览器窗口小于div大小时,由于填充值是负的,因此左边和上边有一部分被遮住了。因此最好在此基础上用js加以控制:在body的onresize属性中,定义一个判断窗口大小的方法,需要用的的属性:窗口宽度 document.body.cilentwidth 窗口高度 document.elementElement.clientheight
注意在js定义style属性时,等号右边的值要加上引号如 div.style.width='100px';
考虑到如果打开页面时,浏览器窗口就是小于div大小的,那么在下载页面时就要重新调整属性,因此在body的onload属性中再定义一个方法,判断加载时是否需要调整div的定位。
这样的缺点是浏览器窗口小于div大小时,由于填充值是负的,因此左边和上边有一部分被遮住了。因此最好在此基础上用js加以控制:在body的onresize属性中,定义一个判断窗口大小的方法,需要用的的属性:窗口宽度 document.body.cilentwidth 窗口高度 document.elementElement.clientheight
注意在js定义style属性时,等号右边的值要加上引号如 div.style.width='100px';
考虑到如果打开页面时,浏览器窗口就是小于div大小的,那么在下载页面时就要重新调整属性,因此在body的onload属性中再定义一个方法,判断加载时是否需要调整div的定位。
0 0
- div层页面居中
- div页面居中
- div页面居中方法
- div垂直居中于页面
- DIV在页面中居中
- div在页面上居中
- div页面垂直居中方法
- div在页面中居中
- div页面垂直居中方法
- div在页面居中显示
- div+css:页面整体布局居中显示:上下居中||垂直居中,左右居中||水平居中
- CSS + DIV 布局(页面居中)
- HTML 页面中 DIV 居中技巧
- 让div在页面居中的方法
- 做一个页面居中的div
- JS 页面居中显示DIV Message
- div在整个页面实现垂直居中
- div页面垂直居中方法方法
- 当json对象的key为数字时,在js中读取value的方法
- easyUI,重新渲染
- java中判断字符串是否是一个整数(转载)
- eax, ebx, ecx, edx, esi, edi, ebp, esp等都是X86 汇编语言中CPU上的通用寄存器的名称
- R: RStudio的中文读取、保存与显示
- div页面居中
- Windows 下pip安装以及virtualenv环境搭建
- LeetCode--Excel Sheet Column Title
- 不恰当使用线程池处理 MQ 消息引起的故障
- c3p0连接池配置
- c#用npoi读取excel
- 【curl】error while loading shared libraries: libpcre.so.1
- 【整理】uclibc,eglibc,glibc之间的区别和联系
- GTK入门学习:信号与回调函数