如何让Blazor渲染单个可换行空格？

默认情况下，Blazor会在编译时修剪“无意义”的空格，但有时它会误删有意义的空格。比如下面的代码：

<span>some text</span>
@if (true)
{
    <span>some more text</span>
}

编译后生成的HTML会把两个span直接拼接：

<span>some text</span><span>some more text</span>

最终渲染结果是some textsome more text，但我们需要的是带可换行空格的some text some more text，对应的目标HTML为：

<span>some text</span> <span>some more text</span>

如何让Blazor识别并保留这个分隔两个span的有意义空格？

不推荐的解决方案 #

• 使用@preservewhitespace true：这会禁用整个文档的空格修剪，存在明显性能问题：

  无意义空格节点在基准测试中最多占用40%的渲染时间。

• 使用 ：这是非换行空格，无法按需换行，不符合需求。
• 将空格移到span内部：比如写成<span> some more text</span>，这会带来语义变化——如果span带有边框，边框会包含前导空格，视觉效果不符合预期。
• 用空span包裹空格：比如<span> </span><span>some more text</span>，这种写法可读性差，还可能因脚本或样式规则引发不必要的语义问题。

尝试后无效的方法 #

• 在代码块内使用<text> <span>some more text</span></text>：空格仍会被Blazor修剪。
• 使用HTML注释加空格：比如<!-- 占位注释 --> <span>some more text</span>，注释和空格都会被移除。
• 滥用@操作符：比如@: <span>etc，空格会被保留，但span标签会被HTML转义成<span，无法正常渲染为元素。

相关问题反馈 #

有一个GitHub议题（编号26426）提出了相同问题，但自动回复机器人完全忽略了该问题的核心诉求。

内容的提问来源于stack exchange，提问作者Jeremy