Hello,
Is it possible to hide the overflow of the text in say a fixed width div and replace it with "..."? It obviously looks ugly if the text is just cut off, I really need to be able to show a ... in these cases.
A:
I'm not sure if you can do that only with CSS, you have to use either javascript or php.
Ciprian Tepes Bobescu
2010-09-19 17:13:07
A:
You cannot do this with css. You'll have to do it with PHP or Javascript. Here's a decent tutorial on doing it with JS.
fredley
2010-09-19 17:17:30
+1
A:
You can do it with text-overflow: ellipsis;, but it doesn't seem to work in IE6 and Firefox..
KarmicMind
2010-09-19 17:51:23
very nice! just what i needed.
Joe
2010-09-19 22:30:07
@Joe This is **not** a good solution. `ellipsis` is an IE proprietary value for `overflow`, and doesn't work on any browser other than IE.
Yi Jiang
2010-09-29 05:52:52
As the page I linked to states (and I have tested this), it works fine in Chrome, Safari, Opera(with '-o-text-overflow') and of course IE7+
KarmicMind
2010-09-29 20:19:34
A:
Hope this will be helpful
$('#customComboBox').text(($.trim($('#customComboBox').text()).length > 19) ?
$.trim($('#customComboBox').text()).substring(0, 16) + '...' :
$.trim($('#customComboBox').text()));
Raghukumarachari
2010-09-29 05:50:05
Not a very good solution - you still need to know how many characters till the text will overflow. Also, the jQuery code can be made much, much, more efficient with some caching.
Yi Jiang
2010-09-29 05:55:18