css line-height 属性可以设置元素的行高,即元素内框的最小高度。

假如文字的像素是 24 px,行高设置的越大时,文字的像素始终不变,改变的是文字的上下间距。

假如行高是36px,那么上下间距为 (36-24)/2=6px,即增加行高,只会增加上下间距。

语法

line-height:value;
其中value的值可以为:
描述
normal这是一个默认值。它指定一个正常的行高。
number它指定一个与当前字体大小相乘的数字来设置行高。
length用于设置行高,单位px、pt、cm等
%它以当前字体的百分比指定行高。
initial它将此属性设置为其默认值.
inherit它从它的父元素继承这个属性。

value的值不可为负值。

例子

<!DOCTYPE html>
<html>
	<title>css line-height 行高</title>
<head>
<style>
div
{
	border:10px solid #000;
	background-color:orange;
        width:200px;
        height:36px;
	font-size:24px;
	line-height:36px;
}

</style>
</head>
<body>
<div>行高</div>
</body>
</html>
输出:

css line-height 设置行高