单元格内多余的文字用浮字显示 .......

  有的表格的一个单元格中的文字内容很多很多  导致单元格的布局混乱不好看：  有两种方式可以实现浮字效果。

一种方法：

<div style=" font-size:12px; width:50px; height:14px; overflow:hidden;">

<a href="#" title="这只是一个测试测试测试测试测试" style="color:#000;text-decoration:none;cursor:text;">
   这只是一个测试测试测试测试测试

</a>

</div>  

中的cursor:text 是表示鼠标移动到这里的时候是显示的不是手型 而是指针

第二种方法：

<style type="text/css">
    .textOverFlow {
    width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    }
</style>
HTML:
<div class="textOverFlow" title="在显示列表的时候，太长的标题默认会换行显示，而这样的显示方式往往会破坏我们原有的页面布局，如何在我们无法知道标题长度的情况下，将超出显示宽度的内容隐藏起来？一个常见的做法是用服务器端语言判断、截取，但是这样在以后需要显示更长的标题时就需要修改服务器端脚本">
      在显示列表的时候，太长的标题默认会换行显示，而这样的显示方式往往会破坏我们原有的页面布局，如何在我们无法知道标题长度的情况下，将超出显示宽度的内容隐藏起来？一个常见的做法是用服务器端语言判断、截取，但是这样在以后需要显示更长的标题时就需要修改服务器端脚本。
</div>