Question

我正在使用CMS，它只允许某个div中的文本（HTML，如<br>）被解析为<br>）。 Unicode / HTML代码很好（例如&会生成&而@会生成@）但它似乎不允许新的行/回车。如何在不使用HTML的情况下在div中添加<br>？

我试过了：

&NewLine; - https://dev.w3.org/html5/html-author/charref

 - New line in text area
 - New line in text area

或
或
 - https://en.wikipedia.org/wiki/Newline
或或 - https://en.wikipedia.org/wiki/Newline

这是一个相同问题的小提琴（与CMS输出的HTML结构）＆gt; https://jsfiddle.net/w3p4wgcc/ ......这是不可能的吗？

Answer 1

使用内联css，我设法执行以下操作：

<div style="white-space: pre-wrap;">
This is some new text,&#10;this text should be on a new line.
</div>

https://jsfiddle.net/6mqgrym9/

如果您需要所有div，可以在样式表中说出以下内容：

div {
    white-space: pre-wrap;
}

如果这些div包含在根div（具有id）中，则可以执行以下操作：

#idhere > div {
    white-space: pre-wrap;
}

如果您允许使用某些JavaScript，可以试试这个：

<div>
    <script>
        document.currentScript.parentNode.innerHTML = 'This is some new text<br>this text should be on a new line.';
    </script>
</div>

Answer 2

您也可以在 CSS 中使用以下内容。

div {
    white-space: pre-line;
}

pre-line、pre-wrap 和 pre 之间的区别在 this link

下可用

仅在文本div

2 个答案: