CSS line-height行间距属性用于对元素中定义的线框的最小高度。它设置内容的两行之间的间距。
它定义了内联元素上方和下方的空间量。它允许您独立于字体大小来设置行的高度。
line-height属性值与CSS line-height属性需一起使用。
值 | 描述 |
---|---|
normal | 这是默认值。它指定法线高度。 |
number | 它指定一个数字,该数字与当前字体大小相乘以设置行高。 |
length | 它用于以px,pt,cm等设置行高。 |
% | 它以当前字体的百分比指定行高。 |
initial | 它将此属性设置为其默认值。 |
inherit | 它从其父元素继承此属性。 |
<!DOCTYPE html> <html> <head> <style> h3.small { line-height: 70%; } h3.big { line-height: 200%; } </style> </head> <body> <h3> 这是一个具有默认标准行间距的标题.<br> 这是一个具有默认标准行间距的标题.<br> 大多数浏览器中的默认行间距约为110%至120%.<br> </h3> <h3 class="small"> 这是一个行间距较小的标题.<br> 这是一个行间距较小的标题.<br> 这是一个行间距较小的标题.<br> 这是一个行间距较小的标题.<br> </h3> <h3 class="big"> 这是一个具有较大行间距的标题.<br> 这是一个具有较大行间距的标题.<br> 这是一个具有较大行间距的标题.<br> 这是一个具有较大行间距的标题.<br> </h3> </body> </html>测试看看‹/›