asp.net-mvc-3 - 显示数据库中的文本时保持空格

Question

我正在建立一个表格，显示表格中的值。其中一个字段来自 textarea 输入。

如果我使用此方法，则保留空格:

@Html.TextAreaFor(model => model.goalDescr, new { cols="90", rows="3", @readonly = "true"})

- 例子:

嘿

那里

--结束示例

但是，我不太喜欢那个 View ，因为它看起来仍然像一个表单域。我尝试使用 displayfor 但空白被删除，所有文本都是一行。

@Html.DisplayFor(model => model.goalDescr)

- 例子:

嘿

--结束示例

有没有办法在我的 View 中在表单元素之外显示文本并保持空白？

Answer 1

如 Steve B's answer说，你可以使用 <pre>保持空白。

但是，如果您不喜欢自动格式化 <pre>确实并且想要保留您继承的样式，只需使用 <span>或 <div>与 style="white-space:pre-wrap;"属性。我发现这是一个更优雅的解决方案。

Live demo