浮动的div自适应居中显示的js代码

前端技术 2023/09/01 JavaScript

当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距离左侧的距离

}

autoWidth();
window.onresize = autoWidth;//监听事件

本文地址：https://www.stayed.cn/item/2518

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案