资讯专栏INFORMATION COLUMN

(1-2)line-height的各类属性值

Lyux / 2892人阅读

摘要:的各类属性值首先来个疑问没有问题印象不深嘛一支持哪些属性值呢五只手指头就能数过来了咯。而呢,就是直接将应用上这个的元素乘上其,得到行高再继承给它的所有子元素。

                    (1-2)line-height的各类属性值 

首先来个疑问!没有问题印象不深嘛

一、line-height支持哪些属性值呢?

五只手指头就能数过来了咯。 比如normal, , ,,。啊,惊奇发现,刚刚好5个,

接下来是长长的大图,有图有真相~~

 

 

 

 

  这里可能大家有点看不明白,line-height: 1.5呢,就是利用其继承性,让它所有的子元素都具有1.5倍的行高,

然后乘上它自己的font-size值,就得到你看到的样子啦。

  而line-height:150%呢,就是直接将应用上这个line-height:150%的元素乘上其font-size,得到行高再继承给

它的所有子元素。不是再重新计算噢

 

1.4286 避免各浏览器的舍入问题,

 

---------------------------------------------------------分割线---------------------------------------------------

 

小编码字找图不易,觉得好可以关注,后续还有继续推文噢

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1544.html

相关文章

  • 深入理解css之vertical-align

    摘要:但实质上,只要是内联元素,这两个元素都会同时在起作用。而解决方案可以有以下几种元素不使用基线对齐,可以改为对齐元素块状化设置为设置为总结讲解了的各类属性值及其效果起作用的前提是内联元素与都是同时作用在内联元素上的 前言 vertical-align用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。也就是说,对于块级元素,vertical-align...

    cgh1999520 评论0 收藏0
  • 文档流&文字&CSS常用命令

    摘要:文档流文档流就是文档内元素流动方向流动方向内联元素从左往右流,宽度不够,之字形,且元素会被截断块元素从上往下流动,一排一排注意事项内联元素中有英文单词,流动时宽度不够,英文单词会整体迁移,不会被打断若想打断上述联结,请使用属性想打断的内联元 文档流 文档流就是文档内元素流动方向 流动方向 内联元素从左往右流,宽度不够,之字形,且元素会被截断 块元素从上往下流动,一排一排 sho...

    zebrayoung 评论0 收藏0
  • 文档流&文字&CSS常用命令

    摘要:文档流文档流就是文档内元素流动方向流动方向内联元素从左往右流,宽度不够,之字形,且元素会被截断块元素从上往下流动,一排一排注意事项内联元素中有英文单词,流动时宽度不够,英文单词会整体迁移,不会被打断若想打断上述联结,请使用属性想打断的内联元 文档流 文档流就是文档内元素流动方向 流动方向 内联元素从左往右流,宽度不够,之字形,且元素会被截断 块元素从上往下流动,一排一排 sho...

    pingink 评论0 收藏0
  • 《css世界》- 详细重点笔记与技巧

    摘要:概述在世界这本书中有一些黑魔法给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获以下是摘自每章内一些重要的概念与技巧。 概述 在《css世界》这本书中有一些黑魔法给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获!!!以下是摘自每章内一些重要的概念与技巧。其中有解决图片间隙的问题、小图标与文字居中问题等; ps: 特别是 line-h...

    MasonEast 评论0 收藏0
  • 《css世界》- 详细重点笔记与技巧

    摘要:概述在世界这本书中有一些黑魔法给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获以下是摘自每章内一些重要的概念与技巧。 概述 在《css世界》这本书中有一些黑魔法给列举出来,在结合自己的理解。篇幅有点长,希望大家能够坚持看完,一定会有收获!!!以下是摘自每章内一些重要的概念与技巧。其中有解决图片间隙的问题、小图标与文字居中问题等; ps: 特别是 line-h...

    赵连江 评论0 收藏0

发表评论

0条评论

Lyux

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<