溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“css中height和line-height的區別是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
line-height：行高 設置文字間上下距離
height：高度 就是定義一個層 或某樣東西的高度啦
也就是說line-height是特指單行高度，height可以為所有元素的高度
文字放大后邊緣會重疊？
line-height直白理解就是文字高度加上文字上下的空白區域，line-height最好不要設置單位，如果固定單位后，行高就是確定值。
當字體放大且沒有設置元素的line-height（繼承自父元素且父元素為固定值）或者其值為固定值就會出現文字超出行高范圍出現重疊。
line-height有繼承屬性，所以正文部分內容line-height最好設置為為數字1.5，也就是字體高度*1.5的高度，
這樣行高會隨著字體縮放跟著縮放。
如何設置文字圖片行內居中？
line-height默認是baseline對其的，可以使用vertical-align:middle使其文字圖片居中對齊。
如何更加易讀？
行內文字背景顏色#fff，文字顏色#333；文字周圍有空白line-height行高1.25-1.5，減少壓迫感，正文大小為14px，其它可以為12px。
input button 各個瀏覽器表現一致。
firefox默認的linde-height值默認為normal，需要明確指定。
代碼如下:
button, input[type="button"], input[type="submit"] {
line-height:normal !important;
}
input.button, a.button, button {
font: bold 12px Arial, Helvetica, sans-serif;
padding: 5px 8px;
overflow:visible;
}
“css中height和line-height的區別是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
