CSS 行高

2025年3月26日 | 阅读 2 分钟

CSS 行高属性用于定义元素内行框的最小高度。它设置了内容两行之间的差异。

它定义了行上方和下方的空间量，可独立于字体大小设置行的内联元素的高度。

CSS 行高值

CSS line-height 属性有一些常用的值。

值	描述
正常	这是一个默认值。它指定了正常的行高。
数字	它指定一个数字，该数字乘以当前字体大小来设置行高。
length	它用于以 px、pt、cm 等为单位设置行高。
%	它指定行高为当前字体的百分比。
initial	它将此属性设置为其默认值。
inherit	它从其父元素继承此属性。

CSS 行高示例

<!DOCTYPE html>
<html>
<head>
<style>
h3.small {
    line-height: 70%;
}
h3.big {
    line-height: 200%;
}
</style>
</head>
<body>
<h3>
This is a heading with a standard line-height.<br>
This is a heading with a standard line-height.<br>
The default line height in most browsers is about 110% to 120%.<br>
</h3>
<h3 class="small">
This is a heading with a smaller line-height.<br>
This is a heading with a smaller line-height.<br>
This is a heading with a smaller line-height.<br>
This is a heading with a smaller line-height.<br>
</h3>
<h3 class="big">
This is a heading with a bigger line-height.<br>
This is a heading with a bigger line-height.<br>
This is a heading with a bigger line-height.<br>
This is a heading with a bigger line-height.<br>
</h3>
</body>
</html>

下一主题CSS Margin

CSS 行高

CSS 行高值

CSS 行高示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

CSS 教程

CSS 属性

CSS Advance

CSS Design

CSS Questions

杂项

CSS 多选题

面试题

CSS 行高

CSS 行高值

CSS 行高示例

相关帖子

CSS Text-shadow

CSS Navigation bar

CSS pointer-events

CSS 图片

CSS Display

CSS Triangles

CSS background-origin

上标 & 下标

CSS font-weight

CSS 中的 Align Items

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器