jsp页面实现超出隐藏省略号实现

实例1:限定字数

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

<c:choose>
         <c:when test="${fn:length(name) >= 6}">
              <span  title="${name}">${fn:substring(name,0,6)}…</span>
         </c:when>
         <c:otherwise>
            <!-- 用于鼠标停留在标签上面显示全部内容使用 -->
             <span  title="${name}">${name}</span>

        </c:otherwise>

</c:choose>

 

实例2:限定宽高

<div class="sup" title="${name}">${name}</div>

<style type="text/css">

 

    white-space: normal;

   line-height: 18px;/*限定高度*/

   display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;/*限定行数*/

    text-overflow: ellipsis;

    overflow: hidden;

</style>