在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 如何理解16px的字體實(shí)際上占位21.33px

如何理解16px的字體實(shí)際上占位21.33px

clipboard.png
疑問1、這里設(shè)置的字體為16px line-height為15px
但是實(shí)際占位卻是21.33px 設(shè)置line-height也不能解決

疑問2、為什么兩個(gè)span之間會(huì)有空隙

clipboard.png
合起來不應(yīng)該是42.66 怎么多了0.01px

這個(gè)問題好像經(jīng)常會(huì)遇到一般來說設(shè)置line-height有時(shí)候可以解決有時(shí)候不能 所以想徹底弄清楚這個(gè)問題
特此求助 以上

回答
編輯回答
薔薇花
  1. 行內(nèi)元素的大小不受line-height控制,且無法設(shè)置height,受字體大小和字體類型影響,你可以多換幾個(gè)字體看看,是不一樣的。
  2. line-height影響的可以理解為行間距,只不過這個(gè)行間距會(huì)反映到元素高度上。
  3. 就你貼的圖來說,就是四舍五入了,這兒是沒有什么間距的,其實(shí)應(yīng)該是42.66666666666666666,保留了兩位給你顯示。
  4. 不過行內(nèi)元素之間換行確實(shí)會(huì)有間隙,因?yàn)樗鼈冎g的換行會(huì)被當(dāng)作一個(gè)文本元素,大小受字體相關(guān)影響。
2017年6月30日 18:24
編輯回答
凝雅

根據(jù)行高來的

2018年6月14日 10:08
編輯回答
墨染殤

第一個(gè)問題與字體有關(guān),某一字體的高度并不僅僅是文字所占的高度,還包括上下的留白。
比如某一英文字體有三個(gè)英文字母:h,x,g,它高度并不是其中任何一個(gè)字母的高度。而是x的高度加上h的上半部和g的下半部分高度。當(dāng)然,這個(gè)例子只是粗略的講解一下,實(shí)際上還有其他細(xì)節(jié)知識(shí)點(diǎn)。
針對(duì)你的問題一,可以設(shè)置span的font-size屬性固定,調(diào)整font-family。
demo
審查元素可以看出不同字體的span元素高度一般是不同的。

至于問題二,應(yīng)該是小數(shù)點(diǎn)舍入的原因。0.333是三分之一,0.6667是三分之二。

2018年5月14日 19:58
編輯回答
命多硬

這就是你看到的行高是受font-sizeline-height決定的

2018年9月7日 03:13