-
4.包含盒子查看全部
-
3.行框盒子查看全部
-
2. 內(nèi)聯(lián)盒子查看全部
-
4個(gè)區(qū)域: 1.內(nèi)容區(qū)域查看全部
-
所有內(nèi)聯(lián)元素的樣式表現(xiàn)都與行內(nèi)框盒子模型有關(guān)查看全部
-
line-height可以讓單行文本垂直居中查看全部
-
不同的字體 基線位置也不一樣查看全部
-
不同的語言基線是不一樣的查看全部
-
定義三問查看全部
-
line-height的定義查看全部
-
四種盒子查看全部
-
內(nèi)聯(lián)元素的高度是由行高決定的查看全部
-
代替height,避免IE6/7下的haslayout .div{height:36px; line-height:36px;} 這樣寫height是多余的 多行文字水平垂直居中實(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),會(huì)導(dǎo)致其沖破父元素自適應(yīng)(display:inline-block;/*或float:left*/)的布局,如果對元素使用行高line-height則該元素不會(huì)有l(wèi)ayout查看全部
-
行高不會(huì)影響圖片實(shí)際占據(jù)的高度。為了實(shí)現(xiàn)基線對齊(內(nèi)聯(lián)元素,內(nèi)聯(lián)塊狀元素才有),是后面的文字的line-height的影響。隱匿文本節(jié)點(diǎn)。好像有一個(gè)文本節(jié)點(diǎn)在里面。 如何消除底部間隙,1.圖片塊狀化(塊狀元素沒有基線了)。沒有基線對齊。2.vertical-align:bottom;底線對齊。3.行高足夠小,line-height:0; 小圖片和大文字查看全部
-
行高不會(huì)影響圖片實(shí)際占據(jù)的高度 消除圖片底部間隙的方法:查看全部
舉報(bào)
0/150
提交
取消