如何在Bootstrap标签中换行显示从数据库动态加载的文本？

我明白你现在遇到的困扰——用InnerText替换<br/>成Environment.NewLine没达到预期换行效果，这是因为浏览器不会把纯文本里的换行符（\r\n）渲染成换行，而且InnerText本身会把所有HTML标签转义成纯文本，导致<br/>直接显示成字符串，而非实际的换行。

下面给你几个可行的解决思路：

方法1：直接使用InnerHtml渲染HTML标签 #

既然你的数据库里已经存储了<br/>标签，最简单的方式就是直接把内容赋值给InnerHtml，让浏览器自动解析HTML标签实现换行：

for (int i = 0; i < datatable.Rows.Count; i++) {
    QuesHint.InnerHtml = datatable.Rows[i]["Ques_Description"].ToString();
}

这样就不需要额外替换<br/>了，InnerHtml会把内容当作HTML来渲染，<br/>自然会转换成换行效果。

方法2：通过CSS让纯文本换行（适合后续改用原生换行存储的场景） #

如果之后你想调整为数据库存储原生换行（比如用户输入的回车），可以保留InnerText赋值，但给Bootstrap标签添加CSS样式，让浏览器识别换行符：

1. 先处理现有数据，把<br/>替换成原生换行：

for (int i = 0; i < datatable.Rows.Count; i++) {
    string rawContent = datatable.Rows[i]["Ques_Description"].ToString().Replace("<br/>", Environment.NewLine);
    QuesHint.InnerText = rawContent;
}

2. 给目标标签添加CSS样式：

#QuesHint {
    white-space: pre-line; /* 将换行符转换为换行，同时合并多余空格 */
    /* 也可以用 white-space: pre-wrap; 保留所有空格和换行格式 */
}

这样浏览器就会把纯文本里的换行符渲染成实际的换行。

注意事项：防范XSS攻击 #

如果数据库内容来自用户输入（不可信来源），直接使用InnerHtml会存在XSS风险。这种情况下，需要先对内容进行HTML编码，再还原合法的<br/>标签：

using System.Web; // 记得引用该命名空间

for (int i = 0; i < datatable.Rows.Count; i++) {
    string rawContent = datatable.Rows[i]["Ques_Description"].ToString();
    // 先编码所有HTML特殊字符，防止恶意代码执行
    string encodedContent = HttpUtility.HtmlEncode(rawContent);
    // 再把编码后的&lt;br/&gt;还原成可渲染的<br/>标签
    QuesHint.InnerHtml = encodedContent.Replace("&lt;br/&gt;", "<br/>");
}

这样既保证了换行效果，又避免了安全隐患。

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