.button{
display: inline-block;text-align: center;width: 120px;height:32px;padding:15px;background-color: lightblue;border-radius: 5px;font-size: 23px;
}
<div class="button" style="line-height: 0">行高0</div>
<div class="button" style="line-height: 32px;">行高正常</div>
display: inline-block;text-align: center;width: 120px;height:32px;padding:15px;background-color: lightblue;border-radius: 5px;font-size: 23px;
}
<div class="button" style="line-height: 0">行高0</div>
<div class="button" style="line-height: 32px;">行高正常</div>
2016-02-20
字符有下沉特性,img元素vertical-align-middle只是近似居中(字符font-size越大,越为明显)
2016-02-17
辅助元素i的作用没讲清楚啊,i是inline-block元素,他的元素中心线和父元素中心线对齐,100%的高度刚好撑开父元素的line-box,使父元素的中心线就是在block的中间
2016-02-05
line-height:0的中心线基线在字符或图片的下边缘,对齐的时候字符元素会撑出一个高度
2016-02-03
img有个默认的font-size,明白了,对齐的时候是用基线上1/2字符hight对齐,里面font-size的调整是x和图片都改变了
2016-02-03