C# 如何将文本区域中的单词以剃刀形式打断？

如何在razor表单的文本区域中打断单词？我正在表单中使用文本区域。当我在桌子上写一长段文字时，它看起来很糟糕。我想要一些类似的东西，在一些文本之后，我的文本以…的形式出现…然后在工具提示中，我想要看到整个注释

这是我的文本区

 <div class="row">
   <div class="col-sm-6">
     @Html.LabelFor(model => model.Note)
     @Html.TextAreaFor(m => m.Note, new { @placeholder = "Enter Note", @class = "form-control", @style = "width: 100%; max-width: 100%;", @rows = "4"})
     @Html.ValidationMessageFor(model => model.Note, "", new { @class = "text-danger" })
   </div>
 </div>

@LabelFor（model=>model.Note）
@Html.TextAreaFor（m=>m.Note，新的{@placeholder=“Enter Note”，@class=“form control”，@style=“width:100%；max width:100%；”，@rows=“4”}）
@Html.ValidationMessageFor（model=>model.Note，“，new{@class=“text danger”}）

还有我的桌子

<td>@Html.DisplayFor(modelItem => item.ContactPerson2)</td>
<td>@Html.DisplayFor(modelItem => item.Note)</td>

@Html.DisplayFor（modelItem=>item.ContactPerson2）
@DisplayFor（modeleItem=>item.Note）

我认为您的意思是，如果表格中的文本太长，您希望用省略号（“…”）将其删除（或者更确切地说，您的td）。如果文本太长，您的文本区域应该已经有滚动条

实际上，你需要做一些事情

您可以使用CSS的

文本溢出：省略号
。但您可能还需要应用
宽度
，
高度
，
溢出：隐藏
，以及
空白：nowrap
。您可能还需要将文本包装在
div
中

然后可以使用
title
属性将全文显示为工具提示

下面是一个粗略的例子：

<td title="@Html.DisplayFor(model=> model.Note)"><div style="text-overflow: ellipsis; width:100px; height:20px; white-space:nowrap; overflow:hidden;">@Html.DisplayFor(model => model.Note)</div></td>

@Html.DisplayFor（model=>model.Note）

请注意，上面有很多更好的方法，这只是给了您一个起点。
我想您的意思是，如果表格中的文本（或者更确切地说，您的td）太长，您希望用省略号（“…”）将其切掉。如果文本太长，您的文本区域应该已经有滚动条

实际上，你需要做一些事情

您可以使用CSS的
文本溢出：省略号
。但您可能还需要应用
宽度
，
高度
，
溢出：隐藏
，以及
空白：nowrap
。您可能还需要将文本包装在
div
中

然后可以使用
title
属性将全文显示为工具提示

下面是一个粗略的例子：

<td title="@Html.DisplayFor(model=> model.Note)"><div style="text-overflow: ellipsis; width:100px; height:20px; white-space:nowrap; overflow:hidden;">@Html.DisplayFor(model => model.Note)</div></td>

@Html.DisplayFor（model=>model.Note）

请注意，上面有很多更好的方法，这只是为您提供了一个起点。
CSS for“…”，HTML
title
for tooltip。您可以将该注释作为答案，因为这可能是解决此情况的最佳方案。@Amadan，如何在中使用工具提示html@CaptainKenpachi：Naa，我会在cbp:PCS上投+1分"...，HTML
title
，用于工具提示。您可以将该注释作为答案，因为这可能是解决此情况的最佳方案。@Amadan，如何在中使用工具提示html@CaptainKenpachi：Naa，我会在cbp:PYes上加一个+1，我想要的和你说的完全一样，我已经加上了所有这些，但我不会让你的最后一行变成div，你能用我的代码解释一下吗？我加了一个例子。如果我的剃须刀不对，我道歉。。。我已经有一段时间没有为Razor编写代码了。非常感谢，它现在可以工作了…但是我想显示的不是标题而是工具提示是的，我想要的完全相同，我已经按照你说的添加了所有这些，但是我没有让你的最后一行换行，你能用我的代码解释一下吗？我添加了一个示例。如果我的剃须刀不对，我道歉。。。我已经有一段时间没有为Razor编写代码了。非常感谢，它现在正在工作……但我想显示的不是标题，而是工具提示