html - 文本区域以外的 html 标记\n 被正确解释

Question

我有以下 html 代码:

<textarea data-bind="text: signaletic()"></textarea>

信号来自这里:

client.signaletic = ko.computed(function () {
    var name = ...
    var address = ...
    var postcode = ...
    var city = ...
    var country = ...
    return name + '\n' + address + '\n' + postcode + ' ' + city + '\n' + country;
});

它有效，我的意思是我在元素之间有一个新行，这要归功于“\n”。

现在我想使用另一个控件而不是文本区域，我需要一个只读控件。我尝试使用简单的 div，但我的 '\n' 不再起作用。有人有想法用只读的 html 元素替换我的 textarea，其中 '\n' 被正确解释吗？

Answer 1

您可以应用 white-space: pre CSS 属性来强制元素遵守换行符。