浮动的div自适应居中显示的js代码
来源:互联网 发布:程序员思维,出门买菜 编辑:程序博客网 时间:2024/06/02 18:26
当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值)
可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件)
之后再获取div的宽度 例如:
代码如下:
function autoWidth(){
var bW = $(".call_man").width();//外围的div
var popWidth = (bW-150)/2 //(150是div的宽度)
$(".rts").css("left",popWidth); //把取得值赋给div 就是div距离左侧的距离
}
unity3d http://www.unitymanual.com/
autoWidth();
window.onresize = autoWidth;//监听事件
可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件)
之后再获取div的宽度 例如:
代码如下:
function autoWidth(){
var bW = $(".call_man").width();//外围的div
var popWidth = (bW-150)/2 //(150是div的宽度)
$(".rts").css("left",popWidth); //把取得值赋给div 就是div距离左侧的距离
}
unity3d http://www.unitymanual.com/
autoWidth();
window.onresize = autoWidth;//监听事件
1 0
- 浮动的div自适应居中显示的js代码
- JS实现div居中显示的例子
- JS弹出居中的DIV的代码
- JS弹出居中的DIV的代码
- JS弹出居中的DIV的代码
- 居中显示的div
- 真正的最短代码实现图片自适应div并且垂直居中(php实现无js)
- DIV浮动居中的方法,float居中的方法
- 让几个横向排列的浮动(float:left)的div居中显示。
- 让几个横向排列的浮动子div居中显示的方法
- “自适应大小”的div“居中处理”
- 让div绝对居中显示的css&js
- 实现图片自适应大小居中显示js代码
- JS弹出居中的DIV
- JS弹出居中的DIV
- DIV 始终居中的代码
- Div形式的title显示JS代码
- 用jquery实现浮动层div的浏览器居中
- Python中的input方法与raw_input方法区别小记
- c/c++常用算法(10) -- 基本排序算法(选择排序)
- js中进制转换
- struts2 <s:submit>国际化时提示警告关于ognl.OgnlException: target is null for setProperty(null的解决方案
- Qt 4.8.5 静态编译小结
- 浮动的div自适应居中显示的js代码
- StrictMode
- uitableview横放显示cell
- RMAN RESTORE FAILS WITH RMAN-06023 BUT THERE ARE BACKUPS AVAILABLE (Doc ID 965122.1)
- 星际译王
- WCF错误记录一
- 联通网络环境上无法访问http://repo1.maven.org/maven2/中央库解决,镜像库添加
- Python学习笔记---基础知识
- 用js来刷新当前页面保留参数的具体实现