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>
输出: