Text Overflow Ellipsis Instead of Line Break

  • Resolved jfbprivate

    (@jfbprivate)


    5 years, 2 months ago

    Hi Tobias,

    I’ve been trying to come up with a CSS solution to avoid line breaks and instead have an ellipsis displayed.

    I’ve been playing around with

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    and the likes, however, it seems there is no way to fix this without additional HTML classes, setting individual max-width for rows, etc.

    Can you come up with a CSS-only fix or put me in the right direction?

    Thanks much!

    • This topic was modified 5 years, 2 months ago by jfbprivate.
Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is indeed tricky… Unfortunately, I can’t think of a CSS-only solution. I think you’ll at least need, for example, another <div> element in the cells that has a fixed size, and to which you can then apply these CSS commands.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Text Overflow Ellipsis Instead of Line Break’ is closed to new replies.