html中的label標簽如何設(shè)置高度

小編給大家分享一下html中的label標簽如何設(shè)置高度，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

首先我們先來看看在html中l(wèi)abel標簽設(shè)置高度的方法：

html中標簽<label></label> 為表單元素定義文字標注，<label>屬于內(nèi)聯(lián)元素，元素前后沒有換行符，并且不可以設(shè)置高度。

若想要設(shè)置高度，需要設(shè)置<label>的display屬性，默認屬性是inline，此時元素會被顯示為內(nèi)聯(lián)元素，元素沒有換行符，只需要在inline后面加上block，即display:inline-block。此時<label>改為塊元素，現(xiàn)在就可以修改<label>高度了。

這個圖中給出的條件需要設(shè)置<label>的寬度為80px，此時<label>屬于內(nèi)聯(lián)元素，不能直接修改高度，此時只需在代碼中更改display屬性就OK了：

<label  class=' p1' style='dispaly: inline-block'>姓名</label>

然后在head中設(shè)置

<style>
.p1{
width:80px;
}
</style>

如此就把寬度給調(diào)整好了。

現(xiàn)在我們再來說說html label標簽的使用方法：

label標簽是html代碼的表單中用來作為“標簽”使用的一個標簽，不要被這句話弄暈，此“標簽”非彼標簽，它的作用是起到表單前加字，對該表單進行描述作用的。

在<form></form>標簽之中，你會發(fā)現(xiàn)，沒有任何標簽之間如果寫了文字，會使該表單的顯示出錯，這時，便引入了這個label標簽，使用方法如下：

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post">
<label for="contactus">億速云</label>
<textarea cols="50" rows="10" id="contactus">
這里是億速云
</textarea>
</form>

看完了這篇文章，相信你對html中的label標簽如何設(shè)置高度有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！