在實現網頁開發的過程中,經常需要調整div的尺寸。jQuery提供了方便快捷的方法進行div的尺寸調整。
// 獲取div寬度 var width = $("div").width(); // 設置div寬度 $("div").width("100px"); // 獲取div高度 var height = $("div").height(); // 設置div高度 $("div").height("100px"); // 獲取元素寬度和高度并設置div的寬度和高度 var element_width = $("#element").width(); var element_height = $("#element").height(); $("div").width(element_width); $("div").height(element_height); // 設置div的最小寬度和最小高度 $("div").css("min-width", "50px"); $("div").css("min-height", "50px"); // 設置div的最大寬度和最大高度 $("div").css("max-width", "500px"); $("div").css("max-height", "500px"); // 設置div的內邊距 $("div").css("padding", "10px"); // 設置div的外邊距 $("div").css("margin", "10px");
通過上述代碼,我們可以很方便地對div進行尺寸的調整,使網頁的顯示更加美觀、合理。