太挤啦,撑开一点 - 使用line-height为文字设置行间间距，初识HTML(5)+CSS(3)教程-慕课网

11-3 太挤啦,撑开一点 - 使用line-height为文字设置行间间距

本节编程练习不计算学习进度，请电脑登录imooc.com操作

太挤啦,撑开一点 - 使用line-height为文字设置行间间距

这一小节我们来学习一下另一个在段落排版中起重要作用的行间距（行高）属性（line-height），如下代码实现设置段落行间距为1.5倍。

p{line-height:1.5em;}
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

任务

我来试一试：

为右侧段落设置行间距（行高）为2em，使用文本显示更加美观

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>行间距</title>
    <style type="text/css">
 
    </style>
</head>
 
<body>
    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
 
</html>