Home/ Questions/Q 6667189
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T02:54:25+00:00

CSS text-overflow: ellipsis on second line, is this possible? I can’t find it on

  • 0

CSS text-overflow: ellipsis on second line, is this possible? I can’t find it on the net.

example:

what I want is like this:

I hope someone could help me. I need 
an ellipsis on the second line of...

but what’s happening is this:

I hope someone could help me. I ...
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A requirement for text-overflow: ellipsis; to work is a one-line version of white-space (pre, nowrap etc). Which means the text will never reach the second line.

    Ergo. Not possible in pure CSS.

    My source when I was looking for the exact same thing just now: http://www.quirksmode.org/css/textoverflow.html (Quirksmode ftw!)

    EDIT If the good CSS gods will implement http://www.w3.org/TR/css-overflow-3/#max-lines we can haz this in pure CSS using fragments (new) and max-lines (new). Also some more info on http://css-tricks.com/line-clampin/

    EDIT 2 WebKit/Blink has line-clamp: -webkit-line-clamp: 2 will put ellipsis on 2nd line.

    • 0