文字显示太长Razor

Question

我正在做一个ASP.NET MVC网站，我对Razor有一点疑问。

我正在使用

  

@ Html.DisplayFor（model =＆gt; model.description）

显示产品说明。但如果描述真的很长：

  

这个描述真的很长，我不想滚动查看   结束了

向右滚动以查看其结尾真的很糟糕......

如何才能拥有这样的显示：

  

这个描述真的是

     

很长，我不

     

想要滚动查看

     

结束

我能用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>