เมื่อ div ลอยอยู่จะไม่สามารถแสดงตรงกลางได้เมื่อหน้าต่างเบราว์เซอร์เปลี่ยนไป (เพราะเมื่อลอยตัวมักจะตั้งค่าซ้ายหรือขวา)
ก่อนอื่นคุณสามารถใช้ jquery เพื่อรับความกว้างของ div โดยรอบที่เปลี่ยนแปลงไปตามเบราว์เซอร์ (รวมถึงเหตุการณ์การฟัง)
จากนั้นรับความกว้างของ div เช่น:
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชั่น autoWidth(){
var bW = $(".call_man").width();//อุปกรณ์ต่อพ่วง div
var popWidth = (bW-150)/2 // (150 คือความกว้างของ div)
$(".rts").css("left",popWidth); //กำหนดค่าที่ได้รับให้กับ div ซึ่งเป็นระยะห่างระหว่าง div และด้านซ้าย
-
ความกว้างอัตโนมัติ();
window.onresize = autoWidth; // ฟังเหตุการณ์