内联元素的高度52px是怎么算的？

Question

上图。

样式代码：

 style="font-family: '微软雅黑';color:black;line-height: 500px;font-size: 40px;letter-spacing: 10px;background:#888;text-align: ;"

宽度我知道是40*11+10*11=550px

Answer 1

font-size + padding-top + padding-bottom;你没必要计较这个。因为不同有浏览器有自己的渲染规则，原则上字体到11px就不能再小了，但是在火狐上还是可以变小的，每个字都有一个上下内间距，这个内间距在不同浏览器默认的都不同。

Answer 2

行高，使用line-height可以设置