顯示文本框值在視圖中受限制

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; 
}