-
基線的位置與字體的font—family有關(guān)，不同的font-family基線的位置是不同的查看全部
-
基線直接的距離為行高（line-height）；查看全部
-
.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.圖片塊狀化——無基線對齊 img{display:block;} 2.圖片底線對齊 img{vertical-align:bottom;} 3.行高足夠小——基線位置上移 .box{line-height:0;}查看全部
-
區(qū)別： line-height:1.5,所有可繼承元素根據(jù)font-size重計算行高 line-height:150%, 當(dāng)前元素根據(jù)font-size計算行高，繼承給下面的元素 line-height:1.5em 當(dāng)前元素根據(jù)font-size計算行高，繼承給下面的元素 計算無差別，應(yīng)用元素的差別。 body{font-size:14px;line-height:20px} body全局?jǐn)?shù)值行高使用經(jīng)驗 body{font:14px/1.4286 'microsoft yahei';} line-height=20px/14px 在ie火狐瀏覽器實際行高是20px 但是谷歌瀏覽器19px查看全部
-
解決的三個方法查看全部
-
重要點的圖片查看全部
-
內(nèi)容區(qū)域高度+行間距=行高查看全部
-
多行文本水平居中查看全部
-
行內(nèi)盒子，屌屌的查看全部
-
body全局?jǐn)?shù)值行高使用經(jīng)驗 body{font:14px/1.4286 'microsoft yahei';} line-height=20px/14px 在ie火狐瀏覽器實際行高是20px 但是谷歌瀏覽器19px查看全部
-
line-height:1.5/1.5em/150%區(qū)別查看全部
-
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可以讓文本樣式可控性更強。查看全部
-
兩基線之間的距離等于行高查看全部
-
內(nèi)聯(lián)元素高度的由來：是由line-height決定的；而不是由字體的大小（font-size）決定； 單行文字的行高： 1.行高由于其繼承性，影響無處不在，即使單行文本也不例外； 2.行高只是幕后黑手，高度的表現(xiàn)不是行高，而是內(nèi)容區(qū)域和行間距。 行高（line-height）=內(nèi)容區(qū)域高度（content area）+行間距（vertical spacing） 1.內(nèi)容區(qū)域高度只與字號以及字體有關(guān)，與line-height沒有任何關(guān)系。 2.在simsun（宋體）字體下，內(nèi)容區(qū)域高度等于文字大小值。 在simsun字體下：（因為font-size=content area） font-size+行間距=line-height； 行間距=line-height - font-size； 行間距拆分就有了上下行間距。 總結(jié)：行高決定了內(nèi)聯(lián)盒子高度；行間距可大可?。ㄉ踔霖?fù)值），保證高度正好等于行高。 多行文本高度就是單行文本高度累加。查看全部
舉報
0/150
提交
取消