浮动的div自适应居中显示的js代码_javascript技巧
程序员文章站
2022-05-20 22:49:51
...
当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值)
function 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距离左侧的距离
}
autoWidth();
window.onresize = autoWidth;//监听事件
推荐阅读
-
两个DIV等高的JS的实现代码_javascript技巧
-
js控制不同的时间段显示不同的css样式的实例代码_javascript技巧
-
JS 实现Div向上浮动的实现代码_javascript技巧
-
一个精简的JS DIV层tab切换代码_javascript技巧
-
两种简单实现菜单高亮显示的JS类代码_javascript技巧
-
js实现键盘操作实现div的移动或改变的原理及代码_javascript技巧
-
查询绑定数据岛的表格中的文本并修改显示方式的js代码_javascript技巧
-
JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧
-
两种简单实现菜单高亮显示的JS类代码_javascript技巧
-
JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧