테이블안에 긴글을 넣을경우 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 줄바꿈을 막아줌
'Css Style' 카테고리의 다른 글
| border의 속성 (0) | 2011.01.07 |
|---|---|
| 리스트태그에 점을 아이콘으로 대체 (0) | 2011.01.07 |
| 스크롤바 색상 및 생성유무 제어 (0) | 2011.01.07 |
| 커서모양의 변화 (0) | 2011.01.07 |
| css를 html 문서에 적용시키는 3가지 유형 (0) | 2011.01.07 |