帶格式化行高的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; 
} 

與Word-break和白色的空間屬性，它可以顯示斷開線正常。不過，我想要拉伸段落的行高屬性。用\ n \ n替換\ n的例子。 我不想使用JavaScript。無論如何，只是使用CSS？ 任何幫助將不勝感激。

Answer 1

您可以使用:first-line屬性來增加段落之間的空間。例如：

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