CSS: replacement for -webkit-line-clamp in Firefox, IE
<p>I am trying to truncating a long text using <code>text-overflow: ellipsis;</code> property.
I tried this </p>

<pre><code>overflow: hidden;
-webkit-line-clamp: 4; 
text-overflow: ellipsis;
</code></pre>

<p>Fiddle : <a href="http://jsfiddle.net/TReRs/354/" rel="nofollow noreferrer">http://jsfiddle.net/TReRs/354/</a></p>

<p>It works fine in chrome, but <strong>-webkit-line-clamp</strong> is not supporting in Firefox and IE. Can anyone help me, is there any other properties for that.</p>