html中的label標(biāo)簽如何設(shè)置高度-創(chuàng)新互聯(lián)

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

陽泉ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

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

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

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

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

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

然后在head中設(shè)置

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

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

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

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

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

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post">
<label for="contactus">創(chuàng)新互聯(lián)建站</label>
<textarea cols="50" rows="10" id="contactus">
這里是創(chuàng)新互聯(lián)建站
</textarea>
</form>

看完了這篇文章，相信你對html中的label標(biāo)簽如何設(shè)置高度有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

文章標(biāo)題：html中的label標(biāo)簽如何設(shè)置高度-創(chuàng)新互聯(lián)
瀏覽地址：http://muchs.cn/article42/ddoeec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、建站公司、移動(dòng)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、商城網(wǎng)站、動(dòng)態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容