Blazor Server应用日志缩进在Razor页面不显示的原因与解决办法

为什么缩进不显示？ #

HTML默认渲染规则会把连续的空白字符（包括日志里的缩进空格、制表符）合并成单个空格，所以你读取的日志缩进在页面渲染时被自动压缩，自然看不到原始格式。

解决方法（两种常用方案） #

方案1：使用<pre>标签保留原始格式 #

<pre>标签的核心作用就是保留文本的原始排版，包括空格、换行和缩进。直接把日志内容嵌套在<pre>标签里即可：

修改你的Razor页面代码：

<table>
    @for (int f = 0; f < TagService.Error_log.Count; f++)
    {
        <tr>
            <td class="sys_config_file"><pre>@TagService.Error_log[f]</pre></td>
        </tr>
    }
</table>

如果日志行过长导致溢出，可给<pre>加CSS调整换行：

pre {
    white-space: pre-wrap; /* 允许自动换行 */
    margin: 0; /* 移除默认上下外边距 */
}

方案2：用CSS样式强制保留空白 #

不需要改动HTML结构，只需给<td>的CSS类添加white-space: pre-wrap属性，就能让浏览器保留空白字符的同时允许自动换行：

修改你的CSS样式：

.sys_config_file {
    white-space: pre-wrap;
    font-family: Consolas, monospace; /* 可选：用等宽字体更适配日志排版 */
}

Razor页面代码保持原有写法即可。

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