-
基线的位置与字体的font—family有关，不同的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;}查看全部
-
区别： line-height:1.5,所有可继承元素根据font-size重计算行高 line-height:150%, 当前元素根据font-size计算行高，继承给下面的元素 line-height:1.5em 当前元素根据font-size计算行高，继承给下面的元素 计算无差别，应用元素的差别。 body{font-size:14px;line-height:20px} body全局数值行高使用经验 body{font:14px/1.4286 'microsoft yahei';} line-height=20px/14px 在ie火狐浏览器实际行高是20px 但是谷歌浏览器19px查看全部
-
解决的三个方法查看全部
-
重要点的图片查看全部
-
内容区域高度+行间距=行高查看全部
-
多行文本水平居中查看全部
-
行内盒子，屌屌的查看全部
-
body全局数值行高使用经验 body{font:14px/1.4286 'microsoft yahei';} line-height=20px/14px 在ie火狐浏览器实际行高是20px 但是谷歌浏览器19px查看全部
-
line-height:1.5/1.5em/150%区别查看全部
-
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决定的；而不是由字体的大小（font-size）决定； 单行文字的行高： 1.行高由于其继承性，影响无处不在，即使单行文本也不例外； 2.行高只是幕后黑手，高度的表现不是行高，而是内容区域和行间距。 行高（line-height）=内容区域高度（content area）+行间距（vertical spacing） 1.内容区域高度只与字号以及字体有关，与line-height没有任何关系。 2.在simsun（宋体）字体下，内容区域高度等于文字大小值。 在simsun字体下：（因为font-size=content area） font-size+行间距=line-height； 行间距=line-height - font-size； 行间距拆分就有了上下行间距。 总结：行高决定了内联盒子高度；行间距可大可小（甚至负值），保证高度正好等于行高。 多行文本高度就是单行文本高度累加。查看全部
举报
0/150
提交
取消