-
在平時設(shè)置時 {height:36px;line-height:36px;}其實(shí)height:36px這個屬性是多余的查看全部
-
在ie6/ie7下對元素使用height的效果查看全部
-
line-height的實(shí)際應(yīng)用 A、實(shí)現(xiàn)單行文字垂直居中 B、大小不固定的圖片、多行文字垂直居中 1、圖片水平垂直居中(ie8+才能支持) .box{line-height:300px;text-align:center;} .box>img{vertical-align:middle;} 2、多行文本水平垂直居中（ie8+才能支持） .box{line-height:250px;text-align:center;} .box>.text{display:inline-block;line-height;nomal;text-align:left;vertical-align:middle;} 多行文字水平垂直居中實(shí)現(xiàn)的原理跟圖片的實(shí)現(xiàn)原理是一樣的，區(qū)別在于要把多行文本所在的容器display水平轉(zhuǎn)換成和圖片一樣的，也就是inline-block（img就是inline-block），以及重置外部繼承的text-align和line-height屬性值。 實(shí)際應(yīng)用： line-height用來代替height，避免ie6/ie7下的haslayout，因?yàn)樵趇e6/ie7下給元素設(shè)置了height高度，該元素就有了layout布局（haslayout），會導(dǎo)致其沖破父元素自適應(yīng)（display：inline-block;/*或float:left*/）的布局,如果對元素使用行高line-height則該元素不會有l(wèi)ayout查看全部
-
小圖片和大文字查看全部
-
在圖文混排的情況下inline元素在默認(rèn)情況的vertical-align是baseline（基線對其）的，容器的高度取決于inline元素與文字基線對其之后文字行高-基線位置的高度+inline元素的高度。 把圖片放在一個塊容器中圖片呈現(xiàn)的位置理解為塊容器隱藏了一個文本節(jié)點(diǎn)，即有一個看不見的文本（chrome默認(rèn)的文字基線對其之后文字行高-基線位置的高度=3px） 如何消除圖片底部的間隙？ 1.圖片塊狀化——無基線對齊 img{display:block;}（只有inline元素才有vertical-align屬性，把inline元素設(shè)置為塊狀元素就不會存在基線對齊） 2.圖片底線對齊 img{vertical-align:bottom;} 3.行高足夠小——基線位置上移 .box{line-height:0;}查看全部
-
行高不會影響圖片實(shí)際占據(jù)的高度！查看全部
-
body全局?jǐn)?shù)值行高使用經(jīng)驗(yàn) 如果你的網(wǎng)友偏向于關(guān)注閱讀的版面類似博客，則行高至少要1.5-1.6； 而其他的版面形式則使用匹配20像素的使用經(jīng)驗(yàn)（比18,19之類的更方便計算），如字體大小為14px，則，line-height=20px/14px=1.42857（14...），如果直接使用1.42857，其他瀏覽器的行高剛好是20px，但在chrome瀏覽器中行高只有19px，因此一般都設(shè)置成1.4286，即 body{font-size:14px;line-height:1.4286;}或者直接簡寫成body{font:14px/1.4286 'Microsoft Yahei'}查看全部
-
推薦使用line-height:<number>如1.5的形式設(shè)置行高 line-height默認(rèn)是baseline對其的，可以使用vertical-align:middle使其文字圖片居中對齊。 ine-height:1.5, line-height:150%, line-height:1.5em的區(qū)別； 計算無差別，應(yīng)用元素有差別： line-height:1.5 所有可繼承元素根據(jù)各自的font-size重新計算行高（各行框區(qū)域高度不一樣根據(jù)文字大小仔細(xì)調(diào)節(jié)）； line-height：150%/1.5em 當(dāng)前元素根據(jù)font-size計算行高，繼承給下面的元素（各行框區(qū)域高度一樣，不會根據(jù)文字大小進(jìn)行調(diào)節(jié)，可能會發(fā)生重疊）。查看全部
-
line-height:normal;默認(rèn)屬性值，1）與用戶瀏覽器，且與元素字體有關(guān)。 line-height:<number>:根據(jù)當(dāng)前元素的font-size大小計算：如設(shè)置成1.5，1.5*字體大小。 line-height:<length>;line-height:1.5em,20px;使用具體的長度作為行高值。 line-height:percent;使用百分比作為行高值，相對于該line-height屬性的元素的font-size大小計算。 line-height:inherit;行高繼承，比如一些控件，如input框，其行高是normal，我們需要重置，使用inherit可以讓文本樣式可控性更強(qiáng)。 line-height:1.5, line-height:150%, line-height:1.5em的區(qū)別； 計算無差別，應(yīng)用元素有差別： line-height:1.5 所有可繼承元素根據(jù)各自的font-size重新計算行高（各行框區(qū)域高度不一樣）； line-height：150%/1.5em 當(dāng)前元素根據(jù)font-size計算行高，繼承給下面的元素（各行框區(qū)域高度一樣）。查看全部
-
line-height支持的屬性值查看全部
-
行高決定內(nèi)聯(lián)盒子高度；行間距墻頭草，可大可?。ㄉ踔潦秦?fù)值），保證高度正好等于行高查看全部
-
僅只有在宋體（simsun）字體下行間距才使用以下的計算公式 因?yàn)橹挥衧imsun字體下字體大小才等于內(nèi)容區(qū)域高度查看全部
-
simsun字體下的情況查看全部
-
內(nèi)容區(qū)域的高度關(guān)系查看全部
-
關(guān)于行高需要知道的 ... 內(nèi)容區(qū)域高度+行間距=行高查看全部
舉報
0/150
提交
取消