注册登录

HTML DOM Style lineHeight 属性

Style lineHeight 属性

Style 对象参考手册 Style 对象

定义和用法

lineHeight 属性设置或返回在文本中行之间的距离。

语法

设置 lineHeight 属性：

Object.style.lineHeight="normal|number|length|%|inherit"

返回 lineHeight 属性：

Object.style.lineHeight
值描述
normal默认。设置合理的行间距。
number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。
length使用 px、cm 等单位定义行间距。
%定义行间距为当前字体尺寸的百分比。
inheritlineHeight 属性的值从父元素继承。

浏览器支持

所有主要浏览器都支持 lineHeight 属性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

实例

更改行的高度：


<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

<title>知识兔(zhishitu.com)</title> 

<script>

function displayResult(){

    document.getElementById("div1").style.lineHeight="2";

}

</script>

</head>

<body>



<div id="div1">

这是一些文本，这是一些文本。这是一些文本，这是一些文本。

这是一些文本，这是一些文本。这是一些文本，这是一些文本。

这是一些文本，这是一些文本。这是一些文本，这是一些文本。

这是一些文本，这是一些文本。这是一些文本，这是一些文本。

</div>

<br>

<button type="button" onclick="displayResult()">修改行高</button>



</body>

</html>

知识兔 »
Style 对象参考手册 Style 对象
计算机