Discussion Board

Results 1 to 2 of 2
  1. #1
    Nokia Developer Expert
    Join Date
    Oct 2011

    ellipsis for text-overflow not working


    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):

    td.txtcell {
    min-height: 40px;
    text-align: left;
    text-overflow-mode: ellipsis;
    border-bottom: 1px dotted #cccccc;
    padding-left: 5px;

    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.


  2. #2
    Nokia Developer Expert
    Join Date
    Jun 2008

    Re: ellipsis for text-overflow not working


    Tried this myself as well and couldn't get it working. I'll created a bug report about this issue.
    Let's see if RnD has some trick to get this working or it is just broken in the current release.


Similar Threads

  1. CSS Issue with overflow text.
    By artinteg in forum Nokia Asha Web Apps
    Replies: 5
    Last Post: 2012-08-15, 13:54
  2. How to use ellipsis in QListView and QLabel?
    By narendar_discover in forum Qt
    Replies: 3
    Last Post: 2011-05-13, 12:13
  3. Replies: 3
    Last Post: 2010-10-08, 13:05
  4. stack overflow problem, no soln working..
    By harish13_ks in forum Symbian
    Replies: 8
    Last Post: 2007-10-09, 11:49
  5. Text() in tabs not working properly?
    By e_code in forum Symbian
    Replies: 1
    Last Post: 2007-04-05, 12:30

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts