-
圖片底部間隙是隱匿文本節(jié)點(diǎn)起作用 text-align:center;也是同樣原理查看全部
-
圖片外層容器高度變化是由文字行高和垂直方向?qū)R方式共同影響的查看全部
-
1.行高由于繼承性，影響無處不在，即使單行文本也不例外 2.行高只是幕后黑手，高度的表現(xiàn)不是行高，而是內(nèi)容區(qū)域和行間距查看全部
-
內(nèi)聯(lián)元素的高度是由line-height決定的查看全部
-
line-height 替代 height查看全部
-
多行文本水平居中查看全部
-
內(nèi)容區(qū)域高度查看全部
-
內(nèi)斂元素高度由行高決定查看全部
-
{height: 36px; line-height: 36px;} ==> {line-height: 36px;} 大小不固定圖片垂直居中 ie8+ .box{line-height: 300px; text-align: center;} .box > img{vertical-align: middle;} 多行文本垂直居中 ie8+ .box{line-height: 250px; text-align: center;} .box > .text{display: inline-block; line-height: normal; text-align: left; vertical-align: middle;} ie7-查看全部
-
行高不會影響圖片(inline屬性元素，表現(xiàn)inline-block屬性元素)實(shí)際占據(jù)高度 圖片底部間隙--隱匿文本節(jié)點(diǎn) 消除圖片底部間隙 1.圖片塊狀化--無基線對齊 img{display:block;} 2.圖片底線對齊 img{vertical-align:bottom;} 3.行高足夠小--基線位置上移 box{line-height:0;} 特例：小圖片和大文字，基本高度就受行高控制查看全部
-
line-heigth: normal; 默認(rèn)，不同瀏覽器有所差異，不同字體也有所差異。 line-heigth: <number> 根據(jù)當(dāng)前元素的字體大小計(jì)算，line-height = 1.5 * 20px = 30px。 line-height: <length> **em;**rem;**px;**pt。 line-heigth: <percent> 相對于設(shè)置該屬性元素的字體大小計(jì)算，line-height = 150% * 20px = 30px。 line-height: <inherit> 行高繼承，ie8+。 應(yīng)用元素有差別： line-height：1.5 所有可繼承元素根據(jù)字體大小重新計(jì)算。 line-height：150% / 1.5em 當(dāng)前元素根據(jù)字體大小計(jì)算，繼承給后代元素。 body全局行高數(shù)值 一般博客、文章等中閱讀應(yīng)用line-height:1.5左右 其余地方匹配20px line-height: 20px / 14px = 1.42857 = 1.4286 font-size: 14px / 1.4286查看全部
-
內(nèi)聯(lián)元素高度機(jī)制 由line-height決定 行高有繼承性 行高 = 內(nèi)容區(qū)域高度 + 行間距 內(nèi)容區(qū)域高度 與字號、字體有關(guān) simsun(宋體),內(nèi)容區(qū)域高度等于字體大小 simsun(宋體),行高等于字體大小加行間距 行高決定內(nèi)聯(lián)盒子高度；行間距不同字體不同值，用來保證高度正好等于行高。 含多個不同行高內(nèi)聯(lián)盒子的行框盒子 高度不等于最高的內(nèi)聯(lián)元素 含多個行框盒子的包含容器 多行文本的高度 = 單行文本高度累加查看全部
-
行內(nèi)框盒子模型 分解 <p>hello world<em>this is em</em></p> 第一個盒子：內(nèi)容區(qū)域(content area)--圍繞文字看不見，與字體大小相關(guān)。 hello world 第二個盒子：內(nèi)聯(lián)盒子(inline boxes)--讓內(nèi)容排成一行，具有"inline"屬性標(biāo)簽和字符串（匿名內(nèi)聯(lián)盒子）就是。 hello world <em>this is em</em> 第三個盒子：行框盒子(line boxes)--每一行就是。 hello world<em>this is em</em> 第四個盒子：包含盒子(containing box)--標(biāo)簽所在的。 <p>hello world<em>this is em</em></p>查看全部
-
基線（baseline）是西文字體設(shè)計(jì)與排版的概念，源自西文字母的主體底部對齊的位置。 漢字以一字見方的正方形框架為基準(zhǔn)定位，筆畫在字框內(nèi)居中并充滿字框，原則上并不存在基線，只有字框和字框中心。 但大陸與日本的橫排標(biāo)點(diǎn)都居左下，于是實(shí)際上可以分析出一條「漢字基線」：像西文字母坐在基線上一樣，漢字和標(biāo)點(diǎn)符號也都坐在漢字基線上。漢字基線比漢字字面的下邊緣要高。 行高 = 第一行基線到第二行基線距離 行高在實(shí)際中沒有使得元素垂直居中，除非字體大小為0。查看全部
-
line-height與行間距區(qū)別，求法查看全部
舉報(bào)
0/150
提交
取消