字体大小与行高问题

给一个span元素的内容设置背景色，背景色的高度是行高还是字体大小啊？

宝慕林3319090 2017-08-05

源自：CSS文本样式 3-10 vertical-align

22

收起

2回答

提问者宝慕林3319090 2017-08-05 19:38:17

没有设置span高度，padding没设置默认为0。例如设置span的font-size为50px，line-height为100px。照你这么说字体大小和行间距都是50px。但实际上你会发现中间的行间距不是50px（大概30多px）。也就是说span的背景高度也不是50。那就不是字体的大小了

卡布琦诺 2017-08-05 18:57:05

如果你没有设置高度或者padding的话，就是字体的高度，希望可以帮到你！

提问者宝慕林3319090 #1

刚查了资料，行间距是上一行的基线到下一行的顶线之间的距离，所以设置背景色的高度不是字体的高度，还应该减去基线到底线的距离。是不是这样啊？

2017-08-05 20:09:17
提问者宝慕林3319090 #2

好像不对，行距是上一行的底线到下一行的顶线之间的距离吧。查的资料估计别人写错了

2017-08-05 20:16:20
提问者宝慕林3319090 #3

好像与字体设计有关，设置背景色的高度是渲染的高度，不是字体的大小。

2017-08-05 21:14:17

相似问题

字体大小截图

关于行高的问题

em不应该是父元素字体的大小吗？

老师，每一屏的标题与副标题设置行高和不设置行高在浏览器中显示的高度不一样，怎么理解？

行高问题。

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载