쓸만한 글

균등분할(asp,javascript,flash)하는 방법

봄돌73 2009. 2. 11. 18:01

출처 : 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 의 폰트사이즈를 기준으로 작업되어 있으니,

적절히 조절하여 사용해보세요.