显示文本框值在视图中受限

Question

我有文本框“描述”。此值存储在数据库中并检索以显示详细信息页面，如

这里有描述。但是他们进入并存储了1000多个字符。显示所有字符并不突出。所以我想只显示描述的第一行。

我的观点是：

<div class="fourth-line">
            Description: <%:item.Description %>
         </div>

在这里，如何限制角色？任何想法？

Answer 1

基本上，您有两个选项，即截断服务器上的值或隐藏客户端上的部分值。

要截断服务器上的字符串，您可以执行以下操作：

    Description: <%: 
                     item.Description.IndexOf("\n") > 0 
                     ? String.Format("{0}..", item.Description.Substring(0, 
                       item.Description.IndexOf("\n"))
                     : item.Description
                 %>

或者在客户端上，应用ellipsis类

<div class="fourth-line ellipsis">
   Description: <%:item.Description %>
</div>

可能看起来像：

.ellipsis {
   white-space: nowrap;
   text-overflow: ellipsis; 
}