（1-2）line-height的各類屬性值

-Advertisement-

（1-2）line-height的各類屬性值首先來個疑問！沒有問題印象不深嘛一、line-height支持哪些屬性值呢？五隻手指頭就能數過來了咯。比如normal, <number>, <length>,<percent>,<inherit>。啊，驚奇發現，剛剛好5個，接下來是長長的大圖， ...

　　　　　　　　　　　　　　　　　　　　（1-2）line-height的各類屬性值　

首先來個疑問！沒有問題印象不深嘛

一、line-height支持哪些屬性值呢？

五隻手指頭就能數過來了咯。比如normal, <number>, <length>,<percent>,<inherit>。啊，驚奇發現，剛剛好5個，

接下來是長長的大圖，有圖有真相~~

　　這裡可能大家有點看不明白，line-height: 1.5呢，就是利用其繼承性，讓它所有的子元素都具有1.5倍的行高，

然後乘上它自己的font-size值，就得到你看到的樣子啦。

　　而line-height：150%呢，就是直接將應用上這個line-height：150%的元素乘上其font-size，得到行高再繼承給

它的所有子元素。不是再重新計算噢

1.4286 避免各瀏覽器的舍入問題，

---------------------------------------------------------分割線---------------------------------------------------

小編碼字找圖不易，覺得好可以關註，後續還有繼續推文噢

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

數組的方法-添加刪除

數組的刪除和添加操作單位置操作刪除操作（返回值都是被刪除的元素，無傳入參數）從尾部刪除（最後一個元素）： pop() 從頭部刪除（第一個元素）： shift() 添加操作（返回值是新數組的長度，參數可以是一個也可以是多個）從尾部增加（最後一個元素）：push() 從頭部增加（第一個元素）：u ...
Vue.js之組件系統

vue.js既然是框架，那就不能只是簡單的完成數據模板引擎的任務，它還提供了頁面佈局的功能。本文詳細介紹使用vue.js進行頁面佈局的強大工具，vue.js組件系統。 Vue.js組件系統每一個新技術的誕生，都是為瞭解決特定的問題。組件的出現就是為瞭解決頁面佈局等等一系列問題。vue中的組件分為兩 ...
js中的 substr方法與substring方法不同

一個參數時：二者同為從第參數個開始截取，一直到str 末尾，並返回。二個參數時： substr(a,b): 從第a個字元開始，截取b個。 substring(a,b): 從第a個字元開始，一直截取到第b個。 1. ...
web前端（11）—— 頁面佈局1

要說頁面佈局的話，那就必須說說margin，padding，和background。這三個屬性其實都是前面講過的，這裡還是再次講解以下，為什麼呢？因為是這樣的，光靠前面的css樣式來設置，你很可能會遇到以下的問題，而且還不知道怎麼解決，所以，這裡再拿出來講解下 margin margin幹嘛的不再... ...
select 寬度跟隨option內容自適應

傳統的select在沒有設置固定寬度的情況，會因為自身的 option 選項的里，寬度最寬的option作為select本身的寬度例如可見效果為： select的寬度因為“寬度最寬的option作為select本身的寬度”導致select變寬但是這跟我們想要的select寬度跟隨option內 ...
vue2 在mounted函數無法獲取prop中的變數的解決方法

使用watch 替代 mounted。通過watch屬性來響應數據的變化，當數據改變時執行非同步操作。 ...
前端js獲取checkbox的值

1、 var old = $("#old").val(); if (old != null && old != 'undefined' && old != '') { var Gbox=$("input:checked[id^='"+old+"']"); //獲取id以 old的值開頭並且被選中的c ...
js中數據結構學習

1、創建list或者數組 var list = []; list中添加元素：list.push("hello"); 2、創建map var map = {} map中添加元素：map.name = "流川楓"; 或者： var userid = "10023"; map[userid] = "luo ...