首页 > 解决方案 > 如何在 Blazor 中有新行

问题描述

我正在尝试创建一个换行符,并且已经查看了其他论坛,有些正在使用 '\n'、'\r' 或 Environment.NewLine 但个人没有任何效果。我给你代码和结果:

1:

string n1 = SomeText;
string n2 = AnotherText;
string beforeStr = n1 + Environment.NewLine + n2;

2:

string n1 = SomeText;
string n2 = AnotherText;
string beforeStr = n1 + '\r' + n2;

3:

string n1 = SomeText;
string n2 = AnotherText;
string beforeStr = n1 + '\n' + n2;

总是相同的结果:

SomeText AnotherText

标签: c#asp.netnewlineblazor

解决方案


浏览器中的文档结构将采用 HTML 格式,因此您需要使用 HTML 标记(<br />特别是 , )来控制文档的流程。

string beforeStr = n1 + '<br />' + n2;

正如 Panagiotis Kanavos 所提到的,大概是因为您使用的是 Blazor,您最终可能会在您的.razor组件中得到类似的东西:

<p>
    @n1 <br /> @n2
</p>

推荐阅读