c# - Razor 的文本显示太长

Question

我正在做一个 ASP.NET MVC 网站，我有一个关于 Razor 的小问题。

我正在使用一个

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

显示产品的描述。但是如果描述真的很长，比如:

This description is really long and I don't want to scroll to see the end of it

向右滚动看到它的结尾真的很糟糕......

我该怎么做才能有这样的显示:

This description is really

long and I don't

want to scroll to see

the end of it

我可以用 displayfor 来做吗？

预先感谢您的帮助

Answer 1

你可以这样做:

CSS

.wordwrap{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

查看

<div class="wordwrap">
    @Html.DisplayNameFor(model => model.description})
</div>