-
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
提交
取消