-
4.包含盒子查看全部
-
3.行框盒子查看全部
-
2. 内联盒子查看全部
-
4个区域： 1.内容区域查看全部
-
所有内联元素的样式表现都与行内框盒子模型有关查看全部
-
line-height可以让单行文本垂直居中查看全部
-
不同的字体 基线位置也不一样查看全部
-
不同的语言基线是不一样的查看全部
-
定义三问查看全部
-
line-height的定义查看全部
-
四种盒子查看全部
-
内联元素的高度是由行高决定的查看全部
-
代替height,避免IE6/7下的haslayout .div{height:36px; line-height：36px;} 这样写height是多余的 多行文字水平垂直居中实现的原理跟图片的实现原理是一样的，区别在于要把多行文本所在的容器display水平转换成和图片一样的，也就是inline-block（img就是inline-block），以及重置外部继承的text-align和line-height属性值。 实际应用： line-height用来代替height，避免ie6/ie7下的haslayout，因为在ie6/ie7下给元素设置了height高度，该元素就有了layout布局（haslayout），会导致其冲破父元素自适应（display：inline-block;/*或float:left*/）的布局,如果对元素使用行高line-height则该元素不会有layout查看全部
-
行高不会影响图片实际占据的高度。为了实现基线对齐（内联元素，内联块状元素才有），是后面的文字的line-height的影响。隐匿文本节点。好像有一个文本节点在里面。 如何消除底部间隙，1.图片块状化（块状元素没有基线了）。没有基线对齐。2.vertical-align:bottom；底线对齐。3.行高足够小，line-height:0; 小图片和大文字查看全部
-
行高不会影响图片实际占据的高度 消除图片底部间隙的方法：查看全部
举报
0/150
提交
取消