보기에 제한된 텍스트 상자 값 표시

Question

텍스트 상자 "설명" 있습니다. 이 값은 다음

는 설명이있다, 데이터베이스에 저장과 같은 세부 정보 페이지를 표시하기 위해 검색 할 수 있습니다. 그러나 그들이 입력하고 저장할 수있는 문자가 1000 개 이상 있습니다. 모든 문자를 표시하는 것은 두드러지지 않습니다. 그래서 설명의 첫 번째 줄만 보여주고 싶습니다.

내보기는 다음과 같습니다? 여기

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

, 어떻게 어떤 생각을 문자를 제한 할 것인가?

Answer 1

기본적으로 서버의 값을 자르거나 클라이언트의 값의 일부를 숨기는 두 가지 옵션이 있습니다.

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

:

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> 

을 적용

당신이 뭔가를 할 수있는 서버에 문자열을 자른다