Floating div adaptive center display js Code

Floating div adaptive center display js Code

This article mainly introduces the floating div adaptive center display js Code. If you need it, please refer to it.

When the div is floating, it cannot be centered when the browser window changes (because left or right values are usually set during Floating)

 

You can use jquery to obtain the width of the peripheral div that changes with the browser (plus the listener event)

 

Then obtain the div width, for example:

 

The Code is as follows:

Function autoWidth (){

 

Var bW = $ (". call_man"). width (); // The peripheral div

Var popWidth = (bW-150)/2 // (150 is the div width)

$ (". Rts" ).css ("left", popWidth); // assign the obtained value to the div, that is, the distance between the div and the left.

 

}

 

AutoWidth ();

Window. onresize = autoWidth; // listens to events