Question

如何限制div显示的字数

假如我有一个div class="class1"
里面的内容是从数据库中输出来的，
在这个div中我只想显示最多5个中文，其他的都隐藏掉

不要用DIV宽度来限制它，我要想的是，无论这个div有多宽，里面的文字都只有5个，怎么做？

Answer 1

可以， 方法如下
width:50px; /*假设，5个字符的宽度是50*/
white-space:nowrap; /*禁止换行*/
text-overflow:ellipsis; /*文本超出隐藏*/
-o-text-overflow:ellipsis;/*跟上面一样，只是为了兼容其他浏览器*/
overflow: hidden; /*隐藏，跟text-overflow配合使用*/

如果你不能控制div，你可以在div里面加个span标签，将他的css 的display设为block，然后将上面的css放在style里或者写到css文件里调用也是一样的

Answer 2

用struts标签可以实现此功能：
<s:if test="detail.length() > 20">
<s:property value="detail.substring(0, 20)" />...
</s:if>
<s:else>
<s:property value="detail" />...
</s:else>

Answer 3

你好，数据库读出来的数据截取5个字就可以的。

left(数据,5) 就可以的。

Answer 4

纯CSS+DIV是没法实现的，除非用后台语言或者JS去控制~！