-
line-height:行高，兩行文字基線之間的距離查看全部
-
內容區域 content area 內聯盒子 inline boxes 行框盒子 line boxes 包含盒子 containing box查看全部
-
什么100%？查看全部
-
看三遍，看三遍查看全部
-
多行文本水平垂直居中： .box{line-height:250px;text-align:center;} .box>.text{display:inline-block;line-height:normal;text-align:left;vertical-align:middle;}查看全部
-
圖片水平垂直居中： .box{line-height:300px;text-align:center;} .box>img{vertical-align:middle;}查看全部
-
字體大小查看全部
-
消除圖片底部間隙的方法： 1.圖片塊狀化——無基線對齊 img{display:block;} 2.圖片底線對齊 img{vertical-align:bottom;} 3.行高足夠小——基線位置上移 .box{line-height:0;}查看全部
-
隱匿文本節點： <p > <img src="01.jpg" > </p>查看全部
-
<p><img src="01.jpg"></p> 行高不會影響圖片實際占據的高度。為了實現基線對齊（內聯元素，內聯塊狀元素才有），是后面的文字的line-height的影響。隱匿文本節點。好像有一個文本節點在里面。 如何消除底部間隙，1.圖片塊狀化（塊狀元素沒有基線了）。沒有基線對齊。2.vertical-align:bottom；底線對齊。3.行高足夠小，line-height:0;查看全部
-
區別： line-height:1.5,所有可繼承元素根據font-size重計算行高 line-height:150%, 當前元素根據font-size計算行高，繼承給下面的元素 line-height:1.5em 當前元素根據font-size計算行高，繼承給下面的元素 計算無差別，應用元素的差別。 body{font-size:14px;line-height:20px}查看全部
-
line-height支持屬性值：normal,<number>,<length>,<percent>,inherit. line-height:normal;默認屬性值，1）與用戶瀏覽器，且與元素字體有關。 line-height:<number>:根據當前元素的font-size大小計算：如設置成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可以讓文本樣式可控性更強。 line-height:1.5, line-height:150%, line-height:1.5em的區別； 計算無差別，應用元素的差別。查看全部
-
多行文本的高度就是單行文本高度累加。查看全部
-
行高的解釋： 內容區域高度+行間距=行高 1.內容區域高度只與字號以及字體有關，與line-height沒有任何關系 2.simsun字體下，內容區域高度等于文字大小。 simsun字體下：font-size+行間距=line-height 行間距=(line-height)-(font-size) 行間距上下拆分，就成了“半行間距” 行半間距=(（line-height）-(內容區域高度))/2 行高決定內聯盒子高度；行間距墻頭草，可大可小（甚至負值），保證高度正好等同于行高查看全部
-
line-height查看全部
舉報
0/150
提交
取消