-
基线：baseline与字母x底部平齐的线 line-height: 行高，指两行基线之间的距离查看全部
-
vertical middle垂直居中是以基线二分之一X的地方居中查看全部
-
内联元素的高度是由行高决定的。查看全部
-
多行文本垂直居中查看全部
-
1.5与150%/1.5rem差别查看全部
-
lhx查看全部
-
去掉图片下方间隔的三种方法：1.img{display:block;}2.img{verticle-align:bottom};3. .box{line-height:0px;}查看全部
-
box{line-height:250px;text-align:center;} .box>.text{display:inline-block;line-height:normal;text-align:left;vertical-align:middle;}查看全部
-
多行文本的垂直居中方法： 1、将多行文本包裹在一个inline-block盒子里，并增加vertical-align：middle样式； 2、对父容器添加text-align:center; 记住：vertical-align:middle;只能做到近似居中，因为对齐的线为基线向上1/2 * X处，X对于不同字体的取值不同；查看全部
-
消除图片底部间隙的方法; 1、图片块状化，原因：因为vertical-align等只适用于内联inline,inline-block元素，块状化(img{display:block})后便不受其影响； 2、图片底线对齐：img{vertical-align:bottom;} 3、父盒子行高足够小.box{line-height:0}; 以上第二，第三种的原因是因为盒子容器中隐匿文本节点的存在，导致图文基线对齐所致；查看全部
-
消除图片底部间隙的方法; 1、图片块状化，原因：因为vertical-align等只适用于内联inline,inline-block元素，块状化(img{display:block})后便不受其影响； 2、图片底线对齐：img{vertical-align:bottom;} 3、父盒子行高足够小.box{line-height:0}; 以上第二，第三种的原因是因为盒子容器中隐匿文本节点的存在，导致图文基线对齐所致；查看全部
-
line-height:默认值（normal），用户的浏览器和字体相关 line-height:<number>,跟字体大小相关 line-height:1.5 所有可继承元素根据fontsize重新计算行高； line-height:150%;根据line-height元素的fontsize计算，并且直接继承给下面的子元素； 所以：：：：全局设置使用<number>类型 推荐：body{fontsize:14px,lineheight:1.5}或者匹配20px查看全部
-
图片水平垂直居中查看全部
-
body 全局数值行高使用经验。。。查看全部
-
line-height：1.5,150%，1.5em之间的区别查看全部
举报
0/150
提交
取消