[CSS] 텍스트 말줄임

아래와 같이 스타일을 추가한다.

<style>
    .vf_ellipsis { 
         overflow:hidden; 
         text-overflow:ellipsis; 
         -o-text-overflow:ellipsis; 
         -ms-text-overflow:ellipsis; 
         white-space:nowrap; 
         position:relative; 
         float:left;
         width:auto; 
         max-width:360px; 
    }
</style>

실제 사용은 <p class="vf_ellipsis">입력 텍스트</p>

텍스트가 너무 길어지면 ... 으로 표시되어, UI가 깔끔해진다.