时间戳

首页 > 解决方案 > C# 运算符 \n 用于 HTML 中的字符串不起作用

html - C# 运算符 \n 用于 HTML 中的字符串不起作用

问题描述

Django 3.2，Visual Studio 2019 上的网站。需要传输链接描述的文本 - HTML 代码中的文本字符串。&#10; &#13;换行和回车有特殊的 HTML 代码。它们的使用不会产生预期的结果。<br>- 正在工作：<a href="link">Text3.<br>Text4.</a>。但是为什么 HTML 特殊代码不起作用？

{% extends "/layout.html" %}<!--♕-->{% block content %}<div class="Jambotron">
<h1>Welcome!</h1>
<p class="lead">Text1!&#10;&#13;Text2.</p>
<a href="link">Text3.&#10;&#13;Text4.</a>
</div>{% endblock %}

示例：特殊代码 HTML 未按预期运行

示例：特殊代码未按预期工作

标签： htmldjangostringhyperlinkline-breaks

解决方案

在 HTML 中，默认情况下，多个空白字符会折叠成一个空格。这是一个很棒的“功能”，因为它允许您编写带有可读缩进等的标记。

但是，您可以使用 CSS 属性white-space( https://developer.mozilla.org/en-US/docs/Web/CSS/white-space ) 控制此行为。

要保留您的特殊空白字符，您可以使用white-space: pre;

p {
  white-space: pre;
}
<p class="lead">Text1!&#10;&#13;Text2.</p>

推荐阅读