溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“CSS中怎么設置div高度為30px”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS中怎么設置div高度為30px”吧！
.height(value)
描述: 設置每一個匹配元素的高度值。
添加的版本: 1.0.height( value )
value
類型: String, Number
一個正整數代表的像素數,或是整數和一個可選的附加單位（默認是：“px”）(作為一個字符串)。
添加的版本: 1.4.1.height( function(index, height) )
function(index, height)
類型: Function()
返回用于設置高度的一個函數。該函數接受兩個參數，index 參數表示元素在集合中的位置，height 參數表示原來的高度。在這個函數中，this指向元素集合中的當前元素。
當調用.height(value)方法的時候，這個“value”參數可以是一個字符串（數字加單位）或者是一個數字。如果這個“value”參數只提供一個數字，jQuery會自動加上單位px。如果只提供一個字符串，任何有效的CSS尺寸都可以為高度賦值（就像100px, 50%, 或者 auto）。注意在現代瀏覽器中，CSS高度屬性不包含padding, border, 或者 margin。
如果沒有給定明確的單位（像'em' 或者 '%'），那么默認情況下"px"會被直接添加上去（也理解為"px"是默認單位）。
注意.height('value')設置的容器寬度是根據CSS box-sizing屬性來定的, 將這個屬性值改成border-box，將造成這個函數改變這個容器的outerHeight，而不是原來的內容高度。
例子:
點擊每個div時設置該div高度為30px，并改變顏色。
<!DOCTYPE html>
<html>
<head>
<style>div { width:50px; height:70px; float:left; margin:5px;
background:rgb(255,140,0); cursor:pointer; } </style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>$("div").one('click', function () {
$(this).height(30)
.css({cursor:"auto", backgroundColor:"green"});
});</script>
</body>
</html>
感謝各位的閱讀，以上就是“CSS中怎么設置div高度為30px”的內容了，經過本文的學習后，相信大家對CSS中怎么設置div高度為30px這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
