jsp:超出字数显示省略号；鼠标悬停显示完整文本

最新推荐文章于 2024-07-19 13:00:00 发布

may夏至未至

最新推荐文章于 2024-07-19 13:00:00 发布

阅读量1.1w

点赞数 2

分类专栏： html&CSS 文章标签： css jsp

本文链接：https://blog.csdn.net/sinat_32034679/article/details/75309379

版权

博客讲述了如何在jsp中实现列表页文字限制显示16个字符并用省略号替代，当鼠标悬停时显示全部内容。解决方案是利用css，通过设置`text-overflow: ellipsis;`和`white-space: nowrap;`以及`overflow: hidden;`来实现，同时提到在div内添加`title`属性可实现悬停显示全文。另外，文中也提及了struts2的一种可能方法，但因项目未使用struts2而未验证。

摘要由CSDN通过智能技术生成

一. 需求：

**
列表页中，控制某一列中的文字显示：只显示前16个字符，超出部分用省略号代替。当鼠标悬停时，显示该列的全部内容。

二. 解决方案：

**
使用css来处理这个问题：
在jsp文件中，添加内部样式：

.ellipsis {
            overflow: hidden; /*自动隐藏文字*/
            text-overflow: ellipsis;/*文字隐藏后添加省略号*/
            white-space: nowrap;/*强制不换行*/
            width