jQuery是一款優秀的JavaScript庫,廣泛應用于Web開發中。其中,設置元素標簽高度是一個非常常見的需求。下面,我們來看看如何使用jQuery設置標簽高度。
// 1. 設置固定高度 // 語法:$(selector).height(value) $(document).ready(function(){ $("p").height("100px"); // 設置所有p標簽的高度為100px }); // 2. 根據內容自適應高度 // 語法:$(selector).height("auto") $(document).ready(function(){ $("p").height("auto"); // 設置所有p標簽的高度根據內容自適應 }); // 3. 根據窗口自適應高度 // 語法:$(window).on("resize", function(){ ... }); $(window).on("resize", function(){ $("p").height($(window).height()); // 設置所有p標簽的高度等于瀏覽器窗口高度 });
通過以上代碼,我們可以輕松地實現對標簽高度的設置。需要注意的是,在使用根據窗口自適應高度的方式時,需要監聽瀏覽器窗口大小的變化,才能及時調整標簽高度。
上一篇css 控制div寬高比
下一篇css中div浮動