C# 对于Razor,文本显示太长

C# 对于Razor,文本显示太长,c#,css,asp.net-mvc,C#,Css,Asp.net Mvc,我正在做一个ASP.NETMVC网站,我有一个关于Razor的小问题 我用的是一个 @DisplayFor(model=>model.description) 显示产品的描述。但是如果描述很长,比如: 此描述非常长,我不想滚动查看 到此为止 向右滚动看结尾真是太可怕了 我如何才能拥有这样的显示器: 这个描述真的很有趣 很久了,我不知道 要滚动查看吗 结束 我可以用displayfor做吗 提前感谢您的帮助您可以这样做: CSS .wordwrap{ white-space: -moz-pre-w

我正在做一个ASP.NETMVC网站,我有一个关于Razor的小问题

我用的是一个

@DisplayFor(model=>model.description)

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

此描述非常长,我不想滚动查看 到此为止

向右滚动看结尾真是太可怕了

我如何才能拥有这样的显示器:

这个描述真的很有趣

很久了,我不知道

要滚动查看吗

结束

我可以用displayfor做吗


提前感谢您的帮助

您可以这样做:

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>

@Html.DisplayNameFor(model=>model.description})

您可以这样做:

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>

@Html.DisplayNameFor(model=>model.description})

将其放入一个宽度为样式的
元素中(侧注:
DisplayNameFor()
将返回
“description”
,因此我假设您的意思是
DisplayNameFor()
)将其放入一个宽度为样式的
元素中(侧注:
DisplayNameFor()
将返回
“description”
所以我假设你的意思是
DisplayFor()
)没有超负荷的
DisplayNameFor()
(或者
DisplayFor()
,这是OP真正的意思)接受
htmlAttributes
(该方法只是呈现文本,而不是html元素)谢谢你的回答,但我只是尝试了一下,似乎什么都没做:(@JamieR现在好多了:)非常感谢!没有超负荷的
DisplayNameFor()
(或者
DisplayNameFor()
,这是OP真正的意思)接受
htmlAttributes
(该方法只是呈现文本,而不是html元素)谢谢你的回答,但我只是尝试了一下,似乎什么都没做:(@JamieR现在好多了:)非常感谢!