如何在html中获取字符串长度,扩展css对标签内容多省略

获取字符串长度的使用情况:

内容过长,需要使用省略符(...)的时候

在input标签中展示

<input type="text" value='<s:property value="%{startHour.length()}"/>' />

在s:if标签中做判断条件,errorMessage长度大于4,就进入该if中实现具体逻辑

<s:if test="%{#errorMessage.length()>4}">

</s:if>

使用获取字符串的长度,可以实现内容过长,使用省略符:

<s:if test='%{#errorMessage.length()>4}'>
    <td title="<s:property value="#errorMessage" />">
        <s:property value="#errorMessage.substring(0,3)" />...
    </td>
</s:if><s:else>
    <td>
        <s:property value="#errorMessage" />
    </td>
</s:else>

直接使用css实现内容过长,使用省略号,在title中展示

.wrap{
            width: 180px;  
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;

}

具体标签用div为例:

<div class="wrap" title="${content}">${content}</div>



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值