line-height 属性

p.small {

line-height:90%

} p.big {

line-height:200%

该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。

默认值：	normal
继承性：	yes
版本：	CSS1
JavaScript 语法：	object.style.lineHeight="2"

可能的值

值	描述
normal	默认。设置合理的行间距。
number	设置数字，此数字会与当前的字体尺寸相乘来设置行间距。
length	设置固定的行间距。
%	基于当前字体尺寸的百分比行间距。
inherit	规定应该从父元素继承 line-height 属性的值。

更多专业前端知识，请上【猿2048】www.mk2048.com

line-height 属性相关推荐

html中高与行高的区别,深入了解css的行高Line Height属性
什么是行间距? 古时候我们是用印刷机来处理文字,印出来的每个字都位于独立的一个块里. 行间距,即传说中控制两行文字之间垂直距离的东东. 在CSS,line-height被用来控制行与行之间的垂直距离. ...
对于html中div标签height属性的个人理解
对于没有系统学习过css的程序员来说,在编写css样式的时候,div的height属性值确实是个玄学的东西,我也感觉css确实挺玄学的,本文将介绍我对div标签height属性的个人理解,如有问题 ...
javascript 中的各种width,height属性整理
目标: 理清js及jquery的各种width和height 对象: Window对象表示浏览器中打开的窗口:window对象可以省略.比如alert().window.alert(). Docume ...
CSS中详解height属性
目录结构: contents structure [+] hight属性值类型一览表 height的%的使用定义实例需要注意的参考文章 hight属性值类型一览表 value describt ...
巧用img的width和height属性进行缩图，使图片不变形
做过web开发的哥们都会遇到要显示图片的情况.有时候在页面上因为布局的限制,所以需要限制图片显示的尺寸(即缩图显示). 有如下几种情况: 1:要求图片以某个宽度显示,比如150. 则可以这样指定< ...
css 取消height属性
div { height:20px: } div { height:auto://取消height }
真正的能理解CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
关于CSS的lineheight属性的总结
关于CSS的lineheight属性的总结参考文档:深入了解css的行高Line Height属性一.定义lineheight的五种方式: lineheight:normal 子元素会继承由父元素 ...
[学习笔记] css中的line-height
又已经快十天没有写文章了,一周一篇其实好艰难的说--本来想接着上篇事件(上篇)总结事件类型的,可是看完之后整理下还是有点乱,就一直拖着没写--实在是不能再拖下去了,今天就简单说说CSS中我们常用但又不 ...

line-height 属性

可能的值

line-height 属性相关推荐

最新文章

热门文章