首页 > web前端 > css教程 > 关于lineheight的详细介绍

关于lineheight的详细介绍

零下一度
发布: 2017-06-11 09:20:19
原创
1861 人浏览过

1,行高的定义行高是指行间的距离,也就是基线之间的距离,而只有两行文字才会存在两个基线,那么为什么单行文字还具有行高?我们怀着这个疑问往下看。2,行内框盒子模型

这是一个单行文字,这里有一个内容区标签。

图一“内容区域” (content area)是围绕文字的盒子,我们可以看做是鼠标在选中文字区域的大小,它的大小只和font-size有关,可以看做是图一中的文字被鼠标选中的区域,也就是选中的“个单行文字”的区域。“内联盒子”(inline boxs)不会让文字成块显示,而是排列成一行。由内联元素包裹的文字如span标签包裹的“内容区”,可以称之为“内联盒子”,而没有内联元素包裹的部分,我们可以看做是“匿名内联盒子”。“内联盒子”可以看做图一中span标签内的“内容区”区域,而“匿名内联盒子”可以看做红色虚

1. 必须掌握的css属性--lineheight

关于lineheight的详细介绍

简介:1,行高的定义 行高是指行间的距离,也就是基线之间的距离,而只有两行文字才会存在两个基线,那么为什么单行文字还具有行高?我们怀着这个疑问往下看。 2,行内框盒子模型 这是一个单行文字,这里有一个 内容区 标签。 “内容区域” (content area)是围绕文字的盒子,我们可以看做是鼠标在选中文字区域的大小,它的大小只和fontsize有关,可以看做是图一中的文字被鼠标选中的区域,也就是...

2. 分享一个序中字体变大不居中的方法

关于lineheight的详细介绍

简介:场景:点击一个字母弹出一个modal,把这个字母显示在modal里。style:.modal{  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  margin: 600rpx 300rpx 0 300rpx;  height: 140rpx;  borderradius: 10rpx;  lineheight:...

【相关问答推荐】:

javascript - 计算DOM属性的一个奇怪的问题(getComputedStyle)

以上是关于lineheight的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板