0

テキストボックス"Description"があります。この値はデータベースに保存され、次のような詳細ページを表示するために取得されます。

説明

ここに、説明があります。しかし、入力して保存する文字数は 1000 文字を超えるものがあります。すべての文字を表示することは目立ちません。だから私は説明の最初の行だけを表示したい。

私の見解は次のとおりです。

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

ここで、どのように文字を制限しますか?何かアイデアはありますか?

4

1 に答える 1

1

基本的に、サーバーで値を切り捨てるか、クライアントで値の一部を非表示にするかの 2 つのオプションがあります。

サーバーで文字列を切り捨てるには、次のようにします。

    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; 
}
于 2013-05-30T11:28:18.003 に答える