-
.box {line-haight:300px;text-align:center;} .box>img {vertical-aling:middle;} 圖片水平垂直居中查看全部
-
1.若行高為0，則底線（baseline）重合 2.baseline是英文X的底線 3.不同的字體 baseline不同查看全部
-
圖片的text-align利用了一個(gè)隱匿的文本節(jié)點(diǎn)+position：absolute查看全部
-
宋體下font-size會(huì)等于內(nèi)容盒子的大小。內(nèi)容距離+行高=line-height？查看全部
-
line-height為兩條基線之間的距離？查看全部
-
line-height實(shí)際應(yīng)用：代替IE6/IE7下的haslayout查看全部
-
1.IE6等瀏覽器設(shè)置了height后有haslayout問(wèn)題 2.可以單寫{line-height:36px;},再加上"height:36px"是多余的查看全部
-
可能還需加上：max-width:100%查看全部
-
兼容性：IE8及其以上瀏覽器才支持查看全部
-
近似居中，因?yàn)閷?shí)際上基線的位置會(huì)因字體不同而有所偏差查看全部
-
多行文本的高度就是單行文本高度累加查看全部
-
內(nèi)聯(lián)盒子的高度不一定由最高的行高決定，比如設(shè)置了vertical-align的情況查看全部
-
消除圖片底部間隙的方法： 1.圖片塊狀化-無(wú)基線對(duì)齊: img:{display:block;} 2.圖片底線對(duì)齊: img{vertical-align:bottom;} 3.行高足夠小-基線位置上移: img{line-height:0;}查看全部
-
隱匿文本節(jié)點(diǎn)查看全部
-
1.5：子元素繼承后會(huì)結(jié)合自身的font-size重新計(jì)算行高 150%/1.5em：子元素直接繼承，不會(huì)重新計(jì)算行高查看全部
舉報(bào)
0/150
提交
取消