I have a div (inside a td) that contains some text that can occasionally be more than one line.
I'd like the div to basically control the text-overflow by adding "..." at the end of the first line and not showing the second line since this is affecting the overall height of the div.
I have tried using text-overflow: ellipsis and text-overflow-mode: ellipsis, and neither of them work.
Also tried this out for a span element, and still not working.
Example of my css snippet is shown below (txtcell is a class of div inside the table cell):
border-bottom: 1px dotted #cccccc;
Also, what is the right property to use here? text-overflow, or text-overflow-mode. The Developers API pdf contains the latter, whereas the code-hinting in NokiaWDE suggests text-overflow and does not have the latter as part of the property list.