为什么Django 3.2模板中HTML的
、
换行字符无法生效？

核心原因 #


（对应换行符\n）和
（对应回车符\r）属于HTML定义的空白字符，默认遵循空白折叠规则：浏览器会将所有连续的空白字符（包括空格、制表符、换行、回车）合并为单个普通空格展示，不会触发换行效果。
而<br>是HTML明确指定的强制换行标签，不属于空白字符范畴，浏览器解析时会直接执行换行逻辑，因此可以正常生效。该表现和你使用的Django框架、开发工具无关联，属于HTML的原生特性。

可选解决方案 #

如果需要保留文本中的换行符实现换行效果，可选择以下两种方案：

• 方案1：保留
/
编码，为对应元素添加white-space: pre-line CSS属性。该属性会保留文本中的换行符，同时正常折叠其他空白字符，符合常规文本展示需求，示例：

/* 按需匹配你需要生效的元素选择器即可 */
.lead, a {
  white-space: pre-line;
}

• 方案2：在后端将文本中的换行符提前替换为<br>标签，在Django模板渲染时使用safe过滤器关闭HTML转义即可，示例：

{% extends "/layout.html" %}<!--♕-->{% block content %}<div class="Jambotron">
<h1>Welcome!</h1>
<!-- text_content为后端传入、已将换行替换为<br>的变量 -->
<p class="lead">{{ text_content|safe }}</p>
<a href="link">{{ link_text|safe }}</a>
</div>{% endblock %}

问题现象参考 #

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