CSS line-height 属性

最后更新于:2022-03-26 21:36:06

CSS line-height 属性

实例

使用百分比设置行高:

p.small {line-height:90%}
p.big {line-height:200%}

尝试一下 »

在此页底部有更多的例子。


属性定义及使用说明

设置以百分比计的行高:.

注意: 负值是不允许的

默认值: normal
继承: yes
版本: CSS1
JavaScript 语法: object.style.lineHeight=”2″


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
line-height 1.0 4.0 1.0 1.0 7.0

属性值

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


Examples

更多实例


使用像素值设置行间距

本例演示如何使用像素值来设置段落中的行间距。


使用数值来设置行间距

本例演示如何使用一个数值来设置段落中的行间距。


相关文章

CSS 教程: CSS Text