行高line-height

行高:上個文本的基線到下一行文本的基線

行距:一行底線到下一行頂線之間的距離(行高-字體大小)

內容區:頂線與底線包裹的區域,瀏覽器的內容區和

行內框 = 內容區域

行框 = 本行內所有元素行內框max

  

在前端開發中:如果要處理大量的文本,建議把行高設置的比字體大。行高超出的部分會被分配在兩邊,一般是fony-size*1.4

 

關於行高的繼承:

可以繼承的屬性。

行高因子:繼承的是行高因子,不是渲染完的值

初始化的時候會line-height:1  ........    p and span line-height:1.5

 

單行文本垂直居中:

行高和高度相等,文字水平方向垂直居中。

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