css

1、line-hight:

行高line-height，是文本行基線這件的距離，不是字體大小，它確定了各個元素框的高度增加或減少多少。

對于塊級元素：定義了元素中文本基線之間的最小距離。

line-height并不影響替換元素的布局，但是確實可以應用到替換元素。

行間距：line-height - font-size

定義font屬性的時候，用戶代理會自動會生成一個line-height。

瀏覽器	?FF
?字體大小（font-size）	?12px?	?13px	14px /15px	16px?	18px?	20px?	22px?
?行高（line-height）	?17px	?19px	?20px	?21px	?24px	?27px	?30px

?

瀏覽器	?Chrome
?字體大小（font-size）	?12px?	?13px	14px /15px	16px?	18px?	20px?	22px?
?行高（line-height）	?17px	?19px	?20px	?21px	?24px	?27px	?30px

?

瀏覽器	?IE9
?字體大小（font-size）	?12px?	?13px	14px?	16px?	18px?	20px?	22px?
?行高（line-height）	?15.8px	?17.2px	?18.5px	?21.2px	?23.8px	?26.4px	?29px

?

瀏覽器	?360
?字體大小（font-size）	?12px?	?13px	14px /15px	16px?	18px?	20px?	22px?
?行高（line-height）	?17px	?19px	?20px	?21px	?24px	?27px	?30px

在inline元素中，不是文字撐開了div的高度，而是line-height！

?

2、box-sizing

只是為了規定box modeling

?

box-sizing ： content-box || border-box || inherit

content-box 為默認值

轉載于:https://www.cnblogs.com/flymood/p/4245245.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的css: line-height 与box-sizing的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。