Forum Bugs

text-overflow: ellipsis not working.

Alex3917
I'm having trouble getting text-overflow:ellipsis to work, even though I see that support for this was added in Prince 9. Here is what the code looks like:

tr td span {
    max-height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


The overflow part works fine, but it's not adding the ellipsis at the end. Any ideas?

Edited by Alex3917

mikeday
Is it overflowing width or height? The text-overflow property only applies to horizontal overflow.
Alex3917
Got it, thanks!
edubs77
Hi, I'm trying to get a text-overflow ellipsis working multi-line. Works a treat in my browser but not in prince. Do you have any insight?

        $font-size: 13px;
        $line-height: 1.4;
        $lines-to-show: 15;

        .theight {
          width: 100%;
          overflow-x: hidden;
          display: block; /* Fallback for non-webkit */
          display: -webkit-box;
          max-height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
          margin: 0 auto;
          font-size: $font-size;
          line-height: $line-height;
          -webkit-line-clamp: $lines-to-show;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
mikeday
Can you attach a small example document? The CSS you have pasted will not work in Prince, as it appears to require preprocessing.