font-size控制的是em框的高度,有没有什么方法可以设置行内元素的实际高度?

字体实际大小由字体设计者决定,有没有什么方法可以设置字体实际大小呢?

<span style="font-size: 10px">我的实际高度不是10px</span>

图片描述

阅读 2.6k
3 个回答

指定三个属性即可,style="font-size:10px;height:10px;line-height:1"

line-hieght设置为1,字体高度基本就等于font-size了。

解释一下原因
1: 字体是天然上下左右有一定的间距,目的是为了书写的美观, 很难想象每个字都连在一起.
2: line-height这个属性有很多种值的写法
第一种: line-height: 10px; 就是指定10px的行高
第二种: line-height: 10%; 100%也就是1em的高度的行高
第三种: line-height: 10em; 根据字体大小的十倍的行高
第四种: line-height: 10; 文字本身十倍大小的行高
你要的是 正好10px 也就是设置字体的同时也要设置行高配置

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题