[CSS]스타일 글 자르기

게시판 제목 길게 넣었을때 두줄로 나오지 않고 중간에 테이블 길이에 맞게 자르고 ... 출력

 

<table>

  <tr>

    <td nowrap>

      <span style="width:100px;overflow:hidden;text-overflow:ellipsis;">들어갈 내용 입력</span>

    </td>

  </tr>

</table>

 

overflow:hidden 은 width 값이 넘어가면 자르고 text-overflow:ellipsis 는 글이 width값 보다 길경우 ...으로 나타냅니다.

 

nowrap 은 줄바꿈 방지 이 태그를 넣지 않으면 줄바꿈이 되서 나오게 됩니다.