如何在HTML中创建一个新的行

Question

基本上我有一个带\ n的字符串，我希望在html中的可编辑文本框中显示。我的问题是，在HTML中，我将所有内容都放在一个新的行中，这是一个很大的混乱。

如何将\n替换为<br>或类似内容以在html中创建新行？

JAVA GitLab.getProjectFile()返回此字符串（不是这个，但它的格式相同）：

blablabla\nblablabla\nbla bla bla\n

在HTML中，我这样称呼：

<div style="margin-top:20px;">
   <%
        String data = GitLab.getProjectFile();
    %>
    <%=data%>
</div>

Answer 1

您可以致电replace：

String data = GitLab.getProjectFile().replace("\n", "<br/>");

Answer 2

您也可以解决此问题，而无需使用CSS替换任何换行符。只需将white-space: pre-line;添加到样式属性，如下所示：

<div style="margin-top:20px; white-space: pre-line;">
    <%
        String data = GitLab.getProjectFile();
    %>
    <%=data%>
</div>

此方法的一个优点是，您不必从文本框中检索的文本中删除<br/>个标记。

如果pre-line不是您正在寻找的，那么还有其他CSS空白选项。您可以看到它们的说明here。