Wrap a text in 2 lines only using jQuery or CSS

Question

I have a situation where I need to wrap my text into 2 lines only. It should not be wrapped more than 2 lines.

Is there any css available for this?

If not can this be done using jQuery?

Ya everythings fine, but did you tried anything yourself first? — Mr. Alien, Aug 01 '13 at 04:52
Yes I tried. I tried using word-wrap css but it wrapped my text into 3 lines instead of 2 — Gautam, Aug 01 '13 at 04:54
Just post whatever you've tried here, will help you with the rest — Mr. Alien, Aug 01 '13 at 04:55
You're using the term "wrap" loosely. Are you trying to evenly split the text into two lines or _stop_ wrapping text after two lines? — John, Aug 01 '13 at 04:57

score 1 · Answer 1 · edited May 23 '17 at 11:44

1

Have a look at the three dots jquery plugin once: http://tpgblog.com/threedots/

It restricts the text to display only in two lines and it overrides the remaining text and instead of that it would display ellipsis.

Similar to the : Wrap a text within only two lines inside div

edited May 23 '17 at 11:44

Community

1
1

answered Aug 01 '13 at 05:08

web2008

914
4
11

score 0 · Answer 2 · answered Aug 01 '13 at 05:10

Without seeing your code, it is little difficult to say for "wrap a text in 2 lines". Since it also depends upon the height and width of your element.

<div style="word-wrap: break-word; width: 200px; border: 1px solid #ccc;" >
  Wrap a text in 2 lines only using jQuery or CSS
</div>

JSFiddle

Wrap a text in 2 lines only using jQuery or CSS

2 Answers2