美文网首页让前端飞Web前端之路
line-height 建议设置数值问题(CSS查漏补缺)

line-height 建议设置数值问题(CSS查漏补缺)

作者: hijackli | 来源:发表于2019-06-21 01:00 被阅读8次

文: jack同学

jack同学
  • line-height: 1.2; 计算方法:根据当前元素字体大小 * 1.2
  • line-height: 1.2em/120%; 计算方法:根据父元素字体大小 * 1.2
  • 为什么建议设置数值?就是因为如果父元素字体大小设置的比子元素的小,那么给子元素设置行高就会使每行文字挤到一起,而设置数值不会出现这样的问题,因为是相对当前元素字体的大小

相关文章

  • line-height 建议设置数值问题(CSS查漏补缺)

    文: jack同学 line-height: 1.2; 计算方法:根据当前元素字体大小 * 1.2 line-h...

  • CSS查漏补缺

    1、相邻兄弟选择器 相邻兄弟选择器语法如下:E1 + E2,E2是选择器的对象,如果E1和E2在文档树中共享相同的...

  • body背景问题(CSS查漏补缺)

    文: jack同学 当遇到需要给body添加背景的时候,会遇到很多的坑,这些坑真的是五花八门。举一个简单的例子:给...

  • css查漏补缺呀

    1、css中~和>~为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景: 特点: 两种元素必须拥有相...

  • 【Android面试查漏补缺】之事件分发机制详解

    前言 查漏补缺,查漏补缺,你不知道哪里漏了,怎么补缺呢?本文属于【Android面试查漏补缺】系列文章第一篇,持续...

  • html/css基础查漏补缺

    强调 斜体 更加强烈的强调 粗体 没有语义,单独设样式时使用 引用 长文本引用 地址信息 代码 大段代码 表格内容...

  • 元素分类(CSS查漏补缺)

    文: jack同学 第一种分类块元素 div / p / h1~h6 / ul / li / nav / hea...

  • 查漏补缺

    如果想让HTML5标签兼容低版本浏览器的话,可以使用 html5shiv js来实现。注意:一定要把它引入到前面。...

  • 查漏补缺

    图文环绕和浮动 最初的CSS只是用来写文章,熟练使用float和clear两个属性来布局: float属性:指定一...

  • 查漏补缺

    1.js字符串转换成数字与数字转换成字符串的实现方法https://www.2cto.com/kf/201612/...

网友评论

    本文标题:line-height 建议设置数值问题(CSS查漏补缺)

    本文链接:https://www.haomeiwen.com/subject/lbfeqctx.html