CSS 为什么 '微软雅黑'字体上下间距会靠下呢

html-css037

CSS 为什么 '微软雅黑'字体上下间距会靠下呢,第1张

字体默认是按基线对齐的,基线并不是字体的最底边,而是在小写字母g那个小圆圈的下边(读小学的时候用来写字母的作业本,那四条线的第三条线就是基线)。而中文字体由于是方块字,不存在英文字体“出头出脚”的问题,所以基线其实就是底边,但是为了保证汉字与英文并列时能够保持一致和美观,中文字体也仍然是有基线的,而且不同的字体其基线与底边的距离也可能各不相同,“微软雅黑”的基线位置比其他中文字体要高一些,导致字体会往下偏移,但这不一定是bug,可能是微软想让中英混排的时候显得更美观吧。你可以自己在“测试”两个字的后面加一些字母和数字去试试看。

好像没这个属性……只能用JS计算尺寸然后顶一下吧……外层DIV套俩小DIV,然后先让上层的高度为0,下层自然,然后取clientHeight,再计算出差值后,让上层的高度等于这个差。

给div加line-height再给div个height和overflow:hidden 这种是单行的。。多行的就给文字用margin-top和给div上padding-top都可以。。给文字用margin-top的话要文字在块级元素里才行