如果页面表格里的内容过长，设置隐藏显示的两种方法

方法一

我使用了方法一但是没有成功，问题是表格的宽度会随着内容的长短而变化，找不到问题的症结所以尝试的方法二。

方法二：

做法基本上和方法一相同，最重要的区别是方法二借助div实现，具体如下：

1>jsp页面上代码：

<td class="la" ><div id="nys" title="<%=tem.getTitle()%>"><%=tem.getTitle()%></div></td>

    

注：1> <%=tem.getTitle()%>是和后端交互后显示的文本内容，也就是过长的话被隐藏显示的文本。

    2> title属性实现的功能为鼠标悬停后显示出全部内容

           

 2>css中代码：

#nys{
	 text-overflow: ellipsis; //被隐藏的用省略号代替
	 overflow: hidden;//过长内容被隐藏
	 white-space: nowrap; //不换行
	 width:250px;//超过这个宽度就会被隐藏
}

如上，即可实现要求的功能。