請教一段javascript代碼

網頁utf-8，現有一個td，寬330px，裏面會放一行文字(中/英/符號)，字數不定。文字原始大小設為26px；
要求文字過多時不撐開表格，不換行，而是自動縮小字體。請問如何實現，謝謝！

解决方案 »

  1.   


    你改变下字数多少试试。这个div就相当于你的td了。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>Untitled Document</title>
    </head><body>
    <div style="width:330px;border:1px solid red;" >
    <span id="demo" style="font-size:26px">爱看大家啊啊揭发的发发觉发放大家发附件啊发发奥金锭放俺adfad</span>
    </div><script type="text/javascript">
    window.onload = function(){
    var demo = document.getElementById('demo');
    while(demo.offsetHeight > parseInt(demo.style.fontSize) + 5){
    demo.style.fontSize = (parseInt(demo.style.fontSize) - 1) + 'px'
    }
    }
    </script>
    </body>
    </html>
      

  2.   

     function nowrap()
           {
            var t=document.getElementById("tdNowrap");
            var d=document.getElementById("divTest");
            alert(t.style.width); alert(d.clientWidth);        if(d.clientWidth+"px">t.style.width)
            {
            alert(t.style['fontSize'])
            t.style['fontSize']='12px';
            }
           }
           window.onload=nowrap;<table style="width: 330px;margin:0 auto;  margin-left:auto;margin-right:auto">
    <tr>
    <td style="width:330px;font-size:26px" id="tdNowrap"  >
    <div id="divTest">sadasdasdadasdasdaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div></td>
      </tr>
    </table>
    原理就是这样的了。你在根据需求自己调调
      

  3.   


    多謝！！！
    再多問一個問題，我在頁面最下方加了一句打印的代碼：
    <script>print();</script>
    但是打印出來是未縮小前的文字，應該怎麽辦？
      

  4.   

    <script> nowrap();print(); </script>把那个事件加在打印之前试试。
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>Untitled Document </title> 
    </head> <body> 
    <div style="width:330px;border:1px solid red;" > 
    <span id="demo" style="font-size:26px">爱看大家啊啊揭发的发发觉发放大家发附件啊发发奥金锭放俺adfad </span> 
    </div> <script type="text/javascript"> 
    window.onload = function(){ 
    var demo = document.getElementById('demo'); 
    while(demo.offsetHeight > parseInt(demo.style.fontSize) + 5){ 
    demo.style.fontSize = (parseInt(demo.style.fontSize) - 1) + 'px' ;
    window.print();
    } 
    } 
    </script> 
    </body> 
    </html> 
      

  6.   

    不好意思，上个回复写错了。看这个
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>Untitled Document </title> 
    </head> <body> 
    <div style="width:330px;border:1px solid red;" > 
    <span id="demo" style="font-size:26px">爱看大家啊啊揭发的发发觉发放大家发附件啊发发奥金锭放俺adfad </span> 
    </div> <script type="text/javascript"> 
    window.onload = function(){ 
    var demo = document.getElementById('demo'); 
    while(demo.offsetHeight > parseInt(demo.style.fontSize) + 5){ 
    demo.style.fontSize = (parseInt(demo.style.fontSize) - 1) + 'px' ; 
    } 
    window.print()
    } 
    </script> 
    </body> 
    </html>