div限制字数,超出部分用省略号

div可以限制宽度,超出部分用省略号

 <style>  
div.wid{ 
    width:200px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
 }  
 </style>  
 <div class="wid">这是很长的一段文字,这是很长的一段文字,这是很长的一段文字</div>

但这种做法无法做到两行后,超出部分用省略号。

后来换种思路,既然不能在css里面设置,就在文字里面截取字符,然后加上“...”

我是用struts标签做的

<s:if test="detail.length() > 20">
<s:property value="detail.substring(0, 20)" />...
</s:if>
<s:else>
<s:property value="detail" />...
</s:else>

一开始还不知道struts标签可以用java语法。试了一下,还真可以,完成任务还得到意外收获,开心.O(∩_∩)O~~

原文地址:https://www.cnblogs.com/ljmin/p/2605611.html