行高和字体框

行高

  • 指文字实际占有的高度
    在这里插入图片描述
  • line-height属性设置行高,单位可为px、em等,也可以是整数
    • 整数表示行高是font-size的倍数
div{
	font-size:20px;
	line-height:2
}

在这里插入图片描述

  • 由于文字在行高中垂直居中,若块元素设置了高度,并且希望文字垂直居中,可以把行高设置成与高度相等
div{
	height:200px;
	line-height:200px;
}

在这里插入图片描述

  • 行高还可用于设置行间距,行间距=行高-字体大小
     

字体框

  • 每个文字都存在于一个字体框内
  • 设置font-size实际上就是在设置字体框的高度
发布了90 篇原创文章 · 获赞 0 · 访问量 1844

猜你喜欢

转载自blog.csdn.net/qq_35764106/article/details/104318249