-
基線～baseline 與字母x底部平齊的線查看全部
-
line-height實際應用:除了單行文本的垂直居中，還有實現(xiàn)大小不固定的圖片、多行文字的垂直居中，還有代替height以避免ie6/ie7下得hashlayout。<br> 大小不固定的圖片的垂直居中:.box{text-align:center; line-height:300px;} .box img{vertical-align:middle;}<br> 多行文本的垂直居中:.box{text-align:center; line-height:300px;} .box .text{display:inline-block; line-height:normal; text-align:left; vertical-align:middle;}查看全部
-
line-height:默認值（normal），用戶的瀏覽器和字體相關 line-height:<number>,跟字體大小相關 line-height:1.5 所有可繼承元素根據(jù)fontsize重新計算行高； line-height:150%;根據(jù)line-height元素的fontsize計算，并且直接繼承給下面的子元素； 所以：：：：全局設置使用<number>類型 推薦：body{fontsize:14px,lineheight:1.5}或者匹配20px查看全部
-
以上增加，還要干掉子容器(包裹文本的最里容器)的行高繼承,line-height:normal;查看全部
-
多行文本的垂直居中方法： 1、將多行文本包裹在一個inline-block盒子里，并增加vertical-align：middle樣式； 2、對父容器添加text-align:center; 記?。簐ertical-align:middle;只能做到近似居中，因為對齊的線為基線向上1/2 * X處，X對于不同字體的取值不同；查看全部
-
消除圖片底部間隙的方法; 1、圖片塊狀化，原因：因為vertical-align等只適用于內(nèi)聯(lián)inline,inline-block元素，塊狀化(img{display:block})后便不受其影響； 2、圖片底線對齊：img{vertical-align:bottom;} 3、父盒子行高足夠小.box{line-height:0}; 以上第二，第三種的原因是因為盒子容器中隱匿文本節(jié)點的存在，導致圖文基線對齊所致；查看全部
-
line-height:1.5 與 line-height:150% / 1.5em差異： 1、line-height:1.5 后代元素繼承行高時是以自身字體大小計算得出；（更加智能） 2、line-height:150% / 1.5em 當前元素根據(jù)自身字體大小計算得出固定的行高值，再由后代元素繼承固定行高值；查看全部
-
內(nèi)容區(qū)域高+行間距=行高查看全部
-
行內(nèi)盒子模型，如圖查看全部
-
1.匿名盒子 2.行內(nèi)盒子 3.行盒子（一行，可以有n個匿名盒子+n個行內(nèi)盒子組成）查看全部
-
.box{line-height:250px;text-align:center;} .box>.text{display:inline-block;line-height:normal;text-align:left;vertical-align:middle;} 多行文本水平垂直居中： .box{line-height:250px;text-align:center;} .box>.text{display:inline-block;line-height:normal;text-align:left;vertical-align:middle;}查看全部
-
消除圖片底部間隙的方法 1、圖片塊狀化-無基線對齊（display：block） 2、圖片底線對齊(vertical-align:bottom) 3、行高足夠?。╨ine-height:0）查看全部
-
內(nèi)容區(qū)域+行間距=行高查看全部
-
內(nèi)聯(lián)元素的高度是由line-height決定的查看全部
-
line-height值為數(shù)字和百分比的區(qū)別查看全部
舉報
0/150
提交
取消