我的视图中有文字输入
这是代码
@Html.TextAreaFor(model => model.Detail, new { @class = "greeting2", data_bind = "textInput: Detail", id = "Detail", placeholder = "Описание" })
我在哪里通过KnockoutJS显示文字
这是跨度代码
<p style="font-size: 20px; margin-top: 40px; padding-left: 30px; padding-right: 40px; text-align: center;"><span data-bind="text: Detail"/>
</p>
这是knockoutJS代码
<script type="text/javascript">
function ViewModel() {
this.Greeting = ko.observable('');
this.Detail = ko.observable('');
};
var vm = new ViewModel();
ko.applyBindings(vm);
</script>
当我写文字时一切正常,空格正在检查。但是当我点击输入文字时会进入新行。但它在一行中,就像截图一样。
如何通过输入创建新行?
答案 0 :(得分:0)
这实际上只是一个样式问题,将white-space: pre-wrap
添加到span
元素的样式应解决问题:
<p style="font-size: 20px; margin-top: 40px; padding-left: 30px; padding-right: 40px; text-align: center;"><span data-bind="text: Detail" style="white-space: pre-wrap" /></p>