Html 在空白处使用前置行属性时,允许最大单行间距,而不是多行间距

Html 在空白处使用前置行属性时,允许最大单行间距,而不是多行间距,html,css,Html,Css,虽然很多问题都是用空格键找到的,但并没有一个能解决我的问题,这就是我为什么发布这个问题的原因 我有一个p容器,其中包含来自第三方服务的长文本。我使用以下CSS格式化了文本: p { white-space: pre-line; } HTML结构如下所示: <p> Test note for checking space issue please ignore this note. Test note for checking space issue please igno

虽然很多问题都是用空格键找到的,但并没有一个能解决我的问题,这就是我为什么发布这个问题的原因

我有一个p容器,其中包含来自第三方服务的长文本。我使用以下CSS格式化了文本:

p { 
    white-space: pre-line;
}
HTML结构如下所示:

<p> Test note for checking space issue please ignore this note.
Test note for checking space issue please ignore this note.



Test note for checking space issue please ignore this note.





Test note for checking space issue please ignore this note.</p>
因此,在单线间隙显示单线和 其中多行间距显示多行。但我只想显示最大单线间距,而不是多线间距。要更好地理解,请参见下图

有没有可能,有人能帮我解决这个问题

提前感谢您的努力。

删除多个空行时,空格没有任何价值

然而,根据这一回答:

您可以使用正则表达式在Javascript/Jquery的帮助下完成 text.replace/\n\s*\n/g,“\n”


Fiddle:

右键单击该段落标记,并选中行-height@MileMijatovic我检查了,它与行高无关,因为前两行显示正确。您是否有一些实例或JSFIDLE来演示您的问题?没有空格选项来折叠多个空行。W3school link@MileMijatovic他在使用空格:pre-line和行为。。试试看,你会明白的