인터넷정보

텍스트 정렬 팁 - 양끝 맞춤

알 수 없는 사용자 2007. 10. 17. 11:42
1. 장문의 글이 출력 될때 문단의 오른쪽 끝을 보기 좋게 해줍니다.

<p style="text-align:justify;> 를 기본으로 테이블을 꾸며보면...


2. 각 셀 안의 글자들의 양쪽 끝을 일정하게 마추고 싶을때

<STYLE>
.dist { text-align: justify; text-justify: distribute; text-align-last: justify}
</STYLE>
<table border=1>
<col class=dist width=150>
<col width=100>
<col width=200>
<tr><td>네글자야</td><td>22222</td><td>2222222</td></tr>
<tr><td>이번엔여섯글자</td><td>222222</td><td>222222</td></tr>
<tr><td>다섯글자도</td><td>2222222</td><td>222222</td></tr>
<tr><td>두자</td><td>222222</td><td>222222222</td></tr>
<tr><td>좀많이써볼까나쩝</td><td>2222222</td><td>22222222</td></tr>
<tr><td>이제그만</td><td>2222222</td><td>222222</td></tr>
</table>
반응형