如何用CSS 固定表格大小 隐藏多余文字

html-css029

如何用CSS 固定表格大小 隐藏多余文字,第1张

<table border="0">

<tr>

<td><div style="width:10pxheight:20pxoverflow:hidden">fffffffffffff<br>ffff</div></td>

</tr>

</table>这个应该可以达到你想要的那种效果

如果TABLE

在DIV里面，

给#DIVID

TABLE

然后

DISPLAY:hidden就可以了

或者直接给TABLE

写一个ID

直接隐藏#id

{display:hidden}

<table>

    <tr>         

        <td> 

            <div style="with:200pxoverflow:auto"> 

                <TH>标题1</TH> 

                <TH>标题2</TH>  

                <TH>标题3</TH>  

                <TH>标题4</TH>  

                <TH>标题4</TH>   

                <TH>标题4</TH> 

             </div> 

        </td> 

        <td></td> 

        <td></td> 

        <td style="display:none" onmousemove="show(this)"></td> 

        <td style="display:none" onmousemove="show(this)"></td> 

        <td style="display:none" onmousemove="show(this)"></td> 

</table>

<script src="../../Jscript/jquery-1.3.1.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

function show(obj){ 

    this.css({'display':'block'})

 } 

 

</script>

我这是自己一个字母一个字母认真敲的 希望对你有用