*****怎么来判断单元格或者层里面得内容是否溢出了哪？

check div's scrollHeight agaist style.posHeight, for example:
<div style="overflow:auto;height:100" id="dv">
hello<br>hello<br>hello<br>hello<br>hello<br>hello<br>
hello<br>hello<br>hello<br>hello<br>hello<br>hello<br>
</div>
<input type="button" value="show" onclick="alert(dv.scrollHeight+':'+dv.style.posHeight)">

解决方案 »

  1.   

    <body onload="t()">
    <div id=mxh style="overflow:auto;height:100"><p>d<p>d</div>
    <script>
    function t()
    {
    if(document.all.mxh.clientHeight<document.all.mxh.scrollHeight) alert("溢出")
    else
    alert("没有溢出")
    }
    </script>
      

  2.   

    果然是高手哪，请问对于<table width="100";table-layout: fixed"></table>哪？
    谢谢！
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style>
    <!-- 
    body{font-size:9pt}
    td{font-size:9pt;}
    input{border:0pt;}
    .btn {background-color: #FFFFFF; background-image: url(images/btn_bg.gif); background-position: bottom; background-repeat: repeat; border: none; color: #003399; cursor: pointer; font-weight: bold; height: 19px;;filter:chroma(color=#FFFFFF)}
    A:link {
    COLOR: #000000; TEXT-DECORATION: none
    }
    A:visited {
    COLOR: #000000; TEXT-DECORATION: none
    }
    A:hover {
    COLOR: red; TEXT-DECORATION: underline
    }
    .btn_txt{border-left:1pt solid #254C72;border-bottom:1pt solid #19334C;border-right:1pt solid #19334C;border-top:1pt solid #254C72;}
    .showtitle{position:relative;top:-2px;left:-6px;border:1pt solid #C3D4E7;z-index:0;height:26;background-color: #EBF1F9;padding-top:5;padding-left:5}
    -->
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    //显示隐藏的标题
    function ShowHid(obj)
    {
    if(obj.parentElement.scrollWidth>obj.parentElement.clientWidth) 
    obj.className='showtitle'
    }
    //显示隐藏的标题
    //隐藏显示的标题
    function HidShow(obj)
    {
    if(obj.parentElement.scrollWidth>obj.parentElement.clientWidth) 
    obj.className=''
    }
    //隐藏显示的标题//-->
    </SCRIPT></HEAD><BODY>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:0pt solid white;table-layout: fixed">
      <tr height="21" bgcolor="#5f9fd4"> 
    <td width="25%" style="border-bottom:1pt solid black"><div align="center"><font color="#FFFFFF"><strong>发布人</strong></font></div></td>
    <td width="50%" style="border-bottom:1pt solid black"> 
    <div align="center"><strong><font color="#FFFFFF">标题</font></strong></div></td>
    <td width="25%" style="border-bottom:1pt solid black"><div align="center"><strong><font color="#FFFFFF">日期</font></strong></div></td>
      </tr>
      
      <tr height="25" name="tr1" id="tr1"> 
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;overflow:hidden;padding-left:4" nowrap><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"></A>&nbsp;</div></td>
                     <td bgcolor="#EBF1F9" style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5" nowrap name="td1" id="td1"><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"><FONT COLOR="">如何实现msn中表格中的数据自动截断不换行且鼠标经过全部显示的效果？！</FONT></A>&nbsp;</div></td>
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5">2002-8-1&nbsp;</td>
                  </tr>   <tr height="25" name="tr1" id="tr1"> 
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;overflow:hidden;padding-left:4" nowrap><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"></A>&nbsp;</div></td>
                     <td bgcolor="#EBF1F9" style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5" nowrap name="td1" id="td1"><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"><FONT COLOR="">如何实现msn中表格中的数据自动截断不换行且鼠标经过全部显示的效果？！</FONT></A>&nbsp;</div></td>
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5">2002-8-1&nbsp;</td>
                  </tr>   <tr height="25" name="tr1" id="tr1"> 
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;overflow:hidden;padding-left:4" nowrap><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"></A>&nbsp;</div></td>
                     <td bgcolor="#EBF1F9" style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5" nowrap name="td1" id="td1"><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"><FONT COLOR="">如何实现msn中表格中的数据自动截断不换行且鼠标经过全部显示的效果？！</FONT></A>&nbsp;</div></td>
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5">2002-8-1&nbsp;</td>
                  </tr>   <tr height="25" name="tr1" id="tr1"> 
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;overflow:hidden;padding-left:4" nowrap><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"></A>&nbsp;</div></td>
                     <td bgcolor="#EBF1F9" style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5" nowrap name="td1" id="td1"><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"><FONT COLOR="">如何实现msn中表格中的数据自动截断不换行且鼠标经过全部显示的效果？！</FONT></A>&nbsp;</div></td>
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5">2002-8-1&nbsp;</td>
                  </tr>   <tr height="25" name="tr1" id="tr1"> 
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;overflow:hidden;padding-left:4" nowrap><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"></A>&nbsp;</div></td>
                     <td bgcolor="#EBF1F9" style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5" nowrap name="td1" id="td1"><div onmouseover="ShowHid(this)" onmouseout="HidShow(this)"><A HREF="article_edit.gl?articleid=131&ParentID=6" title="编辑文章：湖南洞庭招标代理有限公司就城市防洪工程施工监理招标通告"><FONT COLOR="">如何实现msn中表格中的数据自动截断不换行且鼠标经过全部显示的效果？！</FONT></A>&nbsp;</div></td>
                     <td style="border-bottom:1pt solid #93BEE2;border-top:1pt solid white;padding-left:5">2002-8-1&nbsp;</td>
                  </tr>   
        </table>
    </BODY>
    </HTML>