div里面的字体超出div宽度怎么办？

如何限制div里面的字体个数？怎样让div里面显示自己想要的字体个数，让后面显示省略号等看下面的css代码：

温馨提示：点击“运行代码”可以看下具体效果

一、用div的css样式来控制字体的显示个数

 <style>  
div.wid{ 
    width:200px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
 }  
 </style>  
 <div class="wid">这是一段比较长的文字处于一个div里面，现在我就用这个样式来控制字体显示</div>

第一种方式是div里面的行内样式，这种做法无法做到两行后，超出部分会用省略号。

二、用struts标签加上省略号

另外一种方法，不在css里面设置，就在文字里面截取字符，然后加上“...”

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

三、用js也可以实现字符的截取

这里的话自己可以网上找找，没时间没去弄这个，有时间把这个弄上