您的位置:首页 > Web前端 > JavaScript

jstl标签实现文字过长隐藏显示问题

2015-09-01 15:49 579 查看
本文仅用于自己记忆一些比较好用的知识点使用

当文字过长引起显示问题的时候我们可以将过长的文字隐藏起来一部分,鼠标移动过去显示出来

需要用到的jstl标签有

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

C标签主要用于判断字符串长度是否过长

Fn标签用于截取过长的字符串

c:choose标签,相当于java中的case标签一样

<c:choose>

当满足长度太长的时候执行

<c:when test="${fn:length(listView.title) >= 10}">

用fn标签中的substring方法取值 其中listView.title可以是后台传递过来的以为本身就在el表达式中,不需要在嵌套一个el表达式,直接写变量名.属性即可后面两个参数则为开始位置和结束位置

<span class="spa2" title="${listView.title}">${fn:substring(listView.title,0,10)}……</span>

</c:when>

<c:otherwise>

当不满足长度太长时则可以直接显示

title 属性用于鼠标停留在标签上面显示全部内容使用

<span class="spa2" title="${listView.title}">${listView.title}</span>

</c:otherwise>

</c:choose>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: