CSS显示带有格式化行高的文本

Question

我想在浏览器中使用换行符显示文本文件。这是我的代码：

.readable {
    font-size:16px;
    line-height:32px;
    font-family: league-gothic,sans-serif; 
    text-align:left; 
    word-break: break-word;
    white-space: pre-line;
    padding: 20px;
}

使用分词和空格属性，它可以正常显示断行。但是我想要拉伸段落的行高属性。用\ n \ n替换\ n的示例。 我不想使用javascript。反正只有使用css吗？ 任何帮助将不胜感激。

Answer 1

您可以使用:first-line属性来增加段落之间的空间。例如：

.readable::first-line {
    line-height: 300%;
}