html和css中出現需要調整標籤的高度和寬度

        html中標籤<label></label> 爲表單元素定義文字標註,<label>屬於內聯元素,元素前後沒有換行符,並且不可以設置高度。

        若想要設置高度,需要設置<label>的display屬性,默認屬性是inline,此時元素會被顯示爲內聯元素,元素沒有換行符,只需要在inline後面加上block,即display:inline-block。此時<label>改爲塊元素,現在就可以修改<label>高度了。

     舉個栗子:  


這個圖中給出的條件需要設置<label>的寬度爲80px,此時<label>屬於內聯元素,不能直接修改高度,此時只需在代碼中更改display屬性就OK了:

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

    然後在head中設置<style>

                                    .p1{

                                        width:80px;

                                        }

                                </style>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章