html页面如何调整行间隔
在 HTML 中, 你可以通过CSS来设置默认行间隔(行高)。 以下是一个简单的示例,展示如何设置默行间隔:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>设置默认字体和行间隔</title>
<style>
/* 设置默认行高 */
body {/
font-size: 16px; /* 设置默认字体大小 */
line-height: 1.6; /* 设置行间隔,1.6表示字体大小的1.6倍 */
}
/* 如果你想要为特定元素设置不同的行高 */
p {
line-height: 1.8; /* 例如,段落的行高设置为1.8倍 */
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。你可以在这里输入一些文本,看看默认字体和行间隔的效果。</p>
<p>这是另一个段落,行间隔稍大一些。</p>
</body>
</html>
```
解释:
line-height
: 设置行间隔。通常使用无单位的值(如1.6),表示行高是字体大小的倍数。 你也可以使用像素(px)或其他单位。
如果你没有显式设置 line-height,浏览器会使用默认值。 默认值通常是 1.2(无单位值),表示行高是字体大小的 1.2 倍。通常,行高设置为 1.5 到 1.6 倍字体大小,这样阅读体验较好。
例如,如果字体大小是 16px,默认行高就是 16px * 1.2 = 19.2px。