当前位置: 首页 > article >正文

【CSS】line-height: 120% 和 line-height: 1.2有什么区别?

line-height 属性用于指定行高。当你使用百分比值(如 120%)时,行高是相对于该元素的字体大小计算的。例如,如果元素的字体大小为 14px,则 line-height: 120% 等同于 line-height: 16.8px

当你使用数值(如 1.2)时,行高是相对于该元素的字体大小计算的,但是这个数值会被继承。例如,如果父元素的字体大小为 14px,则 line-height: 1.2 等同于 line-height: 16.8px。但是,如果子元素的字体大小为 18px,则它的行高将为 21.6px(即 18px * 1.2),而不是继承父元素的 16.8px

因此,当你使用百分比值时,子元素会继承计算后的行高值;而当你使用数值时,子元素会继承这个数值,并根据自己的字体大小重新计算行高。


http://www.kler.cn/a/448412.html

相关文章:

  • 登山第十六梯:深度恢复——解决机器人近视问题
  • CSDN外链失效3:
  • 天地图接口Python代码详解
  • MFC/C++学习系列之简单记录13
  • postman读取文件执行
  • CMD使用SSH登陆Ubuntu
  • python面试篇-多并发详解(多线程,多进程,协成整理)---一篇搞定
  • 南京观海微电子----单片机的中断系统
  • 使用JavaScript获取商品详情接口:一个实用的指南
  • GO--堆(have TODO)
  • outlook smtp 发送邮件
  • Android-Glide缓存机制
  • Zookeeper 底层原理解析
  • 大小端存储的问题
  • mysql-主从同步与读写分离
  • 机器学习之归纳学习
  • 【Mybatis-Plus】使用步骤 条件构造器 分页模型
  • Flink 简介和简单的demo
  • Linux -- 线程控制相关的函数
  • 判断实例化或推断的时机
  • 东方财富股吧发帖与评论爬虫
  • 【多维DP】力扣3122. 使矩阵满足条件的最少操作次数
  • CTF知识集-文件上传
  • 联合物种分布模型(JSDM)与Hmsc包:群落生态学数据分析与预测技术
  • Android adb查看某个进程的总线程数
  • C语言的指针和java的引用有什么区别?