div文字超出使用css限制宽度，用省略号...

做前端的时候总是遇到文字超出的问题，那么可以使用div可以限制宽度，超出部分用省略号

1. <style>
2. div.wid{
3. width:200px;
4. white-space:nowrap;
5. text-overflow:ellipsis;
6. -o-text-overflow:ellipsis;
7. overflow: hidden;
8. }
9. </style>
10. <div class=>这是很长的一段文字，这是很长的一段文字，这是很长的一段文字</div>

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

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

我是用struts标签做的

1. <s:if test="detail.length() > 20">
2. <s:property value="detail.substring(0, 20)" />...
3. </s:if>
4. <s:else>
5. <s:property value="detail" />...
6. </s:else>

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