MVC 中 Displayfor 的自动换行
Word Wrap on Displayfor in MVC
我有一个描述字段,可以返回大量文本。当它写入页面时,它会变成一大行。我试过将它包装在下面的两个 div
<td>
<div style="word-wrap:break-word;">
@Html.DisplayFor(modelItem => item.Description)
</div>
</td>
和
<td>
<div style="overflow:auto;">
@Html.DisplayFor(modelItem => item.Description)
</div>
</td>
奇怪的是,当屏幕第一次加载时,它们似乎都工作了一秒钟,然后又回到一行。
我在网上看过,我发现的所有答案都说上述方法应该有效。
有人知道我遗漏了什么吗?
如有任何帮助,我们将不胜感激。
评论中的链接有所帮助,但最后我不得不对数据进行计数,以每一百个字符添加到 br 中。然后,如果在第 15 个循环中没有空格,它将以任何方式添加一个。
public static MvcHtmlString Display100<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
{
var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
var model = html.Encode(metadata.Model);
if (String.IsNullOrEmpty(model))
return MvcHtmlString.Empty;
if (model.Length > 100)
for (int i = 100; i <= model.Length; i++)
{
if (model.Length - i > 0)
{
if (Char.ToString(model[i]) == " ")
{
model = model.Insert(i, "<br />");
i += 100;
i = i.Round(100);
}
if(((double)i/100) % 1 > 0.15)
{
model = model.Insert(i, "<br />");
i += 100;
i = i.Round(100);
}
}
}
我有一个描述字段,可以返回大量文本。当它写入页面时,它会变成一大行。我试过将它包装在下面的两个 div
<td>
<div style="word-wrap:break-word;">
@Html.DisplayFor(modelItem => item.Description)
</div>
</td>
和
<td>
<div style="overflow:auto;">
@Html.DisplayFor(modelItem => item.Description)
</div>
</td>
奇怪的是,当屏幕第一次加载时,它们似乎都工作了一秒钟,然后又回到一行。
我在网上看过,我发现的所有答案都说上述方法应该有效。
有人知道我遗漏了什么吗?
如有任何帮助,我们将不胜感激。
评论中的链接有所帮助,但最后我不得不对数据进行计数,以每一百个字符添加到 br 中。然后,如果在第 15 个循环中没有空格,它将以任何方式添加一个。
public static MvcHtmlString Display100<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
{
var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
var model = html.Encode(metadata.Model);
if (String.IsNullOrEmpty(model))
return MvcHtmlString.Empty;
if (model.Length > 100)
for (int i = 100; i <= model.Length; i++)
{
if (model.Length - i > 0)
{
if (Char.ToString(model[i]) == " ")
{
model = model.Insert(i, "<br />");
i += 100;
i = i.Round(100);
}
if(((double)i/100) % 1 > 0.15)
{
model = model.Insert(i, "<br />");
i += 100;
i = i.Round(100);
}
}
}