關(guān)于lineheight的詳細(xì)介紹

1，行高的定義行高是指行間的距離，也就是基線之間的距離，而只有兩行文字才會(huì)存在兩個(gè)基線，那么為什么單行文字還具有行高？我們懷著這個(gè)疑問(wèn)往下看。2，行內(nèi)框盒子模型<p>這是一個(gè)單行文字，這里有一個(gè)<span>內(nèi)容區(qū)</span>標(biāo)簽。</p>圖一“內(nèi)容區(qū)域” (content area)是圍繞文字的盒子，我們可以看做是鼠標(biāo)在選中文字區(qū)域的大小，它的大小只和font-size有關(guān)，可以看做是圖一中的文字被鼠標(biāo)選中的區(qū)域，也就是選中的“個(gè)單行文字”的區(qū)域?！皟?nèi)聯(lián)盒子”(inline boxs)不會(huì)讓文字成塊顯示，而是排列成一行。由內(nèi)聯(lián)元素包裹的文字如span標(biāo)簽包裹的“內(nèi)容區(qū)”，可以稱之為“內(nèi)聯(lián)盒子”，而沒(méi)有內(nèi)聯(lián)元素包裹的部分，我們可以看做是“匿名內(nèi)聯(lián)盒子”?！皟?nèi)聯(lián)盒子”可以看做圖一中span標(biāo)簽內(nèi)的“內(nèi)容區(qū)”區(qū)域，而“匿名內(nèi)聯(lián)盒子”可以看做紅色虛

1. 必須掌握的css屬性--lineheight

簡(jiǎn)介：1，行高的定義 行高是指行間的距離，也就是基線之間的距離，而只有兩行文字才會(huì)存在兩個(gè)基線，那么為什么單行文字還具有行高？我們懷著這個(gè)疑問(wèn)往下看。 2，行內(nèi)框盒子模型 這是一個(gè)單行文字，這里有一個(gè) 內(nèi)容區(qū) 標(biāo)簽。 “內(nèi)容區(qū)域” (content area)是圍繞文字的盒子，我們可以看做是鼠標(biāo)在選中文字區(qū)域的大小，它的大小只和fontsize有關(guān)，可以看做是圖一中的文字被鼠標(biāo)選中的區(qū)域，也就是...

2. 分享一個(gè)序中字體變大不居中的方法

簡(jiǎn)介：場(chǎng)景：點(diǎn)擊一個(gè)字母彈出一個(gè)modal,把這個(gè)字母顯示在modal里。style:.modal{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 600rpx 300rpx 0 300rpx; height: 140rpx; borderradius: 10rpx; lineheight:...

【相關(guān)問(wèn)答推薦】：

javascript - 計(jì)算DOM屬性的一個(gè)奇怪的問(wèn)題（getComputedStyle）

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com