Css Style
td안의 텍스트 정렬
디자인인스
2011. 1. 7. 11:10
테이블안에 긴글을 넣을경우 TD의 width값에 따라서 줄바꿈이 됩니다. 이때 오른쪽 끝이 반듯하게 정렬되지 않죠.
이것들을 반듯하게 정렬해줄 수 있는 방법이 있군요!
첫번째 방법
<td style="text-align:justify">긴글이 들어갑니다.</td>
두번째 방법
<td style="line-height:120pt">
<div align="justify">긴글이 들어갑니다.</div>
</td>
justify라는 정렬태그로 잡아주면 되는군요.
style="line-height:120pt" 이건 글 위아래의 간격을 잡아주는거죠!
style="word-break:break-all;" width값을 고수한다.
nowrap 줄바꿈을 막아줌
이것들을 반듯하게 정렬해줄 수 있는 방법이 있군요!
첫번째 방법
<td style="text-align:justify">긴글이 들어갑니다.</td>
두번째 방법
<td style="line-height:120pt">
<div align="justify">긴글이 들어갑니다.</div>
</td>
justify라는 정렬태그로 잡아주면 되는군요.
style="line-height:120pt" 이건 글 위아래의 간격을 잡아주는거죠!
style="word-break:break-all;" width값을 고수한다.
nowrap 줄바꿈을 막아줌