CSS中line height和height的區別

2021-07-15 02:28:25 字數 392 閱讀 3955

css中的line-height一般指的是布局裡面的一段文字,上下行之間的高度,比如第一行文字頂部到第二行文字的頂部,這就為行高。

height一般指的是容器的整體高度。

那麼line-height和height有什麼區別呢?

如果乙個div容器高度是20px,字型是12px,那可以顯示完全顯示一整行的文字,上下分別多出3px,如果行高是18px,文字為多行的話,則從第二行起的文字就不能完全顯示出來,因為第二行文字的實際是30px,即兩行文字的高度,再加上兩行文字之間的間距,已經超過容易20px的高度了。

heigh(高度):一般用來設定文字外圍的div容器。

line-height(行高):一般針對字型來設定,如果一行文字在div裡面,且行高等於高度的話,則文字會垂直居中。

CSS中line height和height的區別

line heigth是行高的意思,它決定了元素中文字內容的高度,height則是定義元素自身的高度。如 測試文字測試文字測試文字測試文字測試文字測試文字測試文字測試文字測試文字測試文字測試文字p 假如定義p標籤的行高為line heigth 20px 文字在瀏覽器中顯示為一行時,這個p標籤的高度會...

CSS中line height繼承問題

在css中,line height屬性用於設定多行元素的空間量,比如文字。對於塊級元素,它指定元素行盒的最小高度。對於非替代的inline元素,它用於計算行盒的高度。keyword value line height normal unitless values use this number mu...

學習筆記 css中的line height

又已經快十天沒有寫文章了,一周一篇其實好艱難的說 本來想接著上篇事件 上篇 總結事件型別的,可是看完之後整理下還是有點亂,就一直拖著沒寫 實在是不能再拖下去了,今天就簡單說說css中我們常用但又不一定真正了解的line height屬性。行高是指文字行基線間的垂直距離。那什麼是基線呢?記不記得ver...