日期:2014-05-17  浏览次数:20507 次

关于网页中表格内容用CSS隐藏的问题
在一个新闻列表中,怎么让新闻标题在超出表格的宽度是自动隐藏,而且要求不换行,超出部分最好能用省略号替代,如果没有省略号,直接隐藏也是可以的!!!!求给一个方法!!!
我找了好多方法,在IE9和FF中都是不行的,下面是我用的方法,我试过了,两个浏览器都不理我!!!对于超出部分,直接撑髋表格的宽度。
.news_Tds
{
  width:200px;
  height:30px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
,求哪位大侠给个可用的方法,我找了一些资料,说这个好像只能在li中可以,在table中是不可以,我现在也是很迷茫啊!!求赐教……

------解决方案--------------------
在后台截取指定长度的字符串不行吗
VB.NET code

If strTest.Length > 15 Then
            strTest = strTest.Substring(0, 15) + "..."
End If

------解决方案--------------------
可以这样
<table style="width:60px">
<tr>
<td><div style="width:60px;overflow:hidden"><nobr><a href="">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></nobr></div></td>
</tr>
</table>