zoukankan      html  css  js  c++  java
  • el 表达式中某一项过长时需要截取字符串长度,当悬停的时候显示全部内容

    首先需要引入红色的标签

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
             
    <table border="1" cellpadding="0" cellspacing="0" width="85%">
            <tr>
                <td>客户姓名</td>
                <td>性别</td>
                <td>生日</td>
                <td>手机</td>
                <td>邮箱</td>
                <td>爱好</td>
                <td>类型</td>
                <td>备注</td>
                <td>操作</td>
            <tr>
            <c:forEach var="c" items="${requestScope.list }">
                <tr>
                    <td>${c.name }</td>
                    <td>${c.gender }</td>
                    <td>${c.birthday }</td>
                    <td>${c.cellphone }</td>
                    <td>${c.email }</td>
                    <td>${c.preference }</td>
                    <td>${c.type }</td>
                    <td title="${c.description}" >     //当鼠标悬停时显示其全部内容  a标签也有title这个属性
                       <c:if test="${fn:length(c.description)>12 }">
                             ${fn:substring(c.description, 0, 12)}...
                       </c:if>
                      <c:if test="${fn:length(c.description)<=12 }">
                             ${c.description }
                       </c:if>
                    </td>
                    <td>
                        <a href="#">修改</a>
                        <a href="#">刪除</a>
                    </td>
                </tr>
            </c:forEach>
         </table>

  • 相关阅读:
    值得学习的网站
    搜集的前端面试题,慢慢补充完答案
    vue2.0 transition 多个元素嵌套使用过渡
    vue2.0过度动画
    Vue中data、props、computed中数据的区别
    理解 $nextTick 的作用
    项目中使用better-scroll实现移动端滚动,报错:Cannot read property 'children' of undefined better-scroll
    less预编译语言使用总结
    vue项目配置less预编译语言
    CrossApp 0.3.8 发布,跨平台移动App开发引擎
  • 原文地址:https://www.cnblogs.com/libo199374/p/8125725.html
Copyright © 2011-2022 走看看