福田网站建设方案,南山网站开发,池州网站开发公司招聘,网站开发语言排行[css] 说下line-height三种赋值方式有何区别#xff1f;
line-height 可以有带单位及不带单位的写法#xff08;感觉其实是两种#xff09;。div{line-height: 24px;line-height: 1.5;line-height: 1.5em;line-height: 150%;
}对于应用在单个元素上#xff0c;这几种写法的…[css] 说下line-height三种赋值方式有何区别
line-height 可以有带单位及不带单位的写法感觉其实是两种。div{line-height: 24px;line-height: 1.5;line-height: 1.5em;line-height: 150%;
}对于应用在单个元素上这几种写法的效果都是一样的除了 px 需要一些计算。但由于 line-height 是可以被继承的因此会影响内部子元素的 line-height。简单的可以总结为带有单位的 line-height 会被计算成 px 后继承。子元素的 line-height 父元素的 line-height * font-size 如果是 px 了就直接继承而不带单位的 line-height 被继承的是倍数子元素的 line-height 子元素的 font-size * 继承的倍数
个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
