CSS中的line-height和vertical-height
1、line-height(行間距)
line-height 設置的是行高,指的是段落中每行文字間的距離。一般來說,將 line-height 設置為 div 元素的高度,則 div 內部的文字將會垂直居中顯示。
line-height 與 font-size 的計算值之差(在 CSS 中成為“行間距”)分為兩半,分別加到一行文字內容的頂部和底部。也可以說,兩行文字之間的距離就是咱們設置的行高減去字體的 font-size 后的值。

行高是指文本行基線間的垂直距離。 基線(base line)并不是漢字文字的下端沿,而是英文字母“x”的下端沿。上圖中,兩條紅線之間的距離就是行高。
參考:https://blog.csdn.net/a2013126370/article/details/82786681
2、vertical-align(行元素對齊方式)
該屬性用于設置行內元素相對于該元素所在行的基線的垂直對齊方式。也就是用于設置行內元素相對于其父元素的垂直對齊方式。

浙公網安備 33010602011771號