单行字体的行高为什么不等于line-height了?

图片说明
前面的小图片和文字是分开的结构(不影响) 我觉得显示的文字应该应该等于12px才对

css

2个回答

line-height是行高,每行的高度,如果字体小于行高在每行会居中,否则会重叠

chrome最小字体是12px,你设置小于12px会默认为12px。看你截图字体不是12px,比12px大,自己看下右边computed标签中实际计算得到的font-size,肯定不是12px,你还有其他样式作用在这个span上


<style>body{font-size:15px;line-height:12px}</style>我是中国人<br>我是中国人<br>我是中国人<br>
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复小羊也疯狂: 谷歌调试工具有个Computed选项卡的,你的怎么没见。看最终计算的出来的样式,有其他样式影响了吧
3 年多之前 回复
qflyalltime
小羊也疯狂 右下角的filter 里面显示 font-size 12px(这个懂). line-height12px。但是在图中为什么实际点选的是17px
3 年多之前 回复

line-height 是行与行之间的距离,一行的高度是字体的高度,可设置height

qflyalltime
小羊也疯狂 显示的高度就是18px
3 年多之前 回复
qflyalltime
小羊也疯狂 应该不是吧,对于一行文字。line-height = fontsize+上下两边的空白吧。我最上面的粥品香坊(回龙观)设置的16px/18px.
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐