除了textarea之外的html标记,其中\n被正确解释

Question

我有以下HTML代码:

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

signaletic来自这里:

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',我在元素之间有了一个新的界限.

现在我想使用另一个控件而不是textarea,我需要一个只读控件.我试着用一个简单的div但我的'\n'不再起作用了.有人有想法用只读的html元素替换我的textarea,其中'\n'被正确解释？

Answer 1

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