在输入中输入按钮的新行(ASP.NET MVC)

时间:2017-06-06 08:43:13

标签: javascript jquery asp.net asp.net-mvc knockout.js

我的视图中有文字输入

这是代码

 @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>

当我写文字时一切正常,空格正在检查。但是当我点击输入文字时会进入新行。但它在一行中,就像截图一样。

Screen

如何通过输入创建新行?

1 个答案:

答案 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>