출처 : http://kin.naver.com/detail/detail.php?d1id=1&dir_id=10102&eid=Gy7OqVavPWYCxGNjtlALqAXf11luUxqT&qb=sdW17rrQx9IgY3Nz&pid=fia/hdoi5TGssvEHvcdsss--045862&sid=SZFl-IRCkUkAAFsEKUY
----------------------------------------------------------------------------------
균등분할되는 태그는 없습니다.
자바스크립트로 비슷하게는 만들 수 있습니다.
시간관계상 잘만들어지지는 않았으나, 비슷하게 대충 비슷하게 만들어봤습니다.
〈!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
〈html>
〈head>
〈title> New Document 〈/title>
〈meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
〈/head>
〈body>
〈style type="text/css">
.nalign {width:200px;}
.nalign span {font:12px Dotum;display:block;float:left;text-align:right;}
.nalign span.n2 {width:188px;}
.nalign span.n3 {width:94px;}
.nalign span.n4 {width:62px;}
.name4 span.first {padding-right:2px;}
〈/style>
〈script type="text/javascript">
〈!--
function alignName(val) {
var nArr = new Array;
for (i=0; i〈val.length; i++) nArr[i] = val.charAt(i);
var pData = '〈p class="name'+val.length+'">〈span class="first">'+nArr[0]+'〈/span>';
for (i=1; i〈val.length ; i++) {
pData = pData + '〈span class="n'+val.length+'">'+nArr[i]+'〈/span>';
}
pData = pData + '〈/p>';
document.write(pData);
}
//-->
〈/script>
〈div class="nalign">〈script type="text/javascript">alignName('테비');〈/script>〈/div>
〈div class="nalign">〈script type="text/javascript">alignName('테스비');〈/script>〈/div>
〈div class="nalign">〈script type="text/javascript">alignName('테스트비');〈/script>〈/div>
〈/body>
〈/html>
전체적으로 200px 사이즈의 공간 / 12px 의 폰트사이즈를 기준으로 작업되어 있으니,
적절히 조절하여 사용해보세요.
'쓸만한 글' 카테고리의 다른 글
[스크랩] 클릭해보세요 ㅋ (0) | 2009.03.30 |
---|---|
윈도우 서버 및 제품 시간 동기화에 관련된 몇가지 Tip (0) | 2009.03.19 |
아수스 새 넷북, 신형 아톰 프로세서로 9.5시간 거뜬 (0) | 2009.02.09 |
[스크랩] 올 여름되기 전에 정자 하나 만들어? (0) | 2009.01.06 |
테이블에서 한 컬럼(한줄아님)에 스타일적용하기.. (0) | 2008.12.23 |