您现在的位置:首页 >> 前端 >> 内容

关于页面表格里的内容过长,设置隐藏显示的方法讲解

时间:2018/6/29 11:30:48 点击:

  核心提示:我使用了方法一但是没有成功,问题是表格的宽度会随着内容的长短而变化,找不到问题的症结所以尝试的方法二。方法二:做法基本上和方法一相同,最重要的区别是方法二借助p实现,具体如下:1jsp页面上代码:td...

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

方法二:

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

1>jsp页面上代码:

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

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

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

 2>css中代码:

#nys{

text-overflow: ellipsis; //被隐藏的用省略号代替

overflow: hidden;//过长内容被隐藏

white-space: nowrap; //不换行

width:250px;//超过这个宽度就会被隐藏

}

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

作者:网络 来源:captainNYS