[CSS] 텍스트 말줄임

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13

<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가 깔끔해진다.