Linked Questions
19 questions linked to/from Text overflow ellipsis on two lines
437 votes
23 answers
557k views
CSS ellipsis on second line
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.....
1 vote
1 answer
427 views
How To Show Words Till A Certain Word Limit In Bootstrap? [duplicate]
So, I Want to make a blog website design in which the content is shown up to something like only 80 words. I was wondering if there was a way in which I can break the text to certain words. I've ...
0 votes
2 answers
56 views
how to make extras lines to hide with "..." with only two line [duplicate]
How to make extras lines hide with "..." ellipsis? my code is <p className="detail"> random string The Glenwood Plan boasts 3 bedrooms -2 baths. Interior Paint is Sherwin ...
317 votes
16 answers
214k views
With CSS, use "..." for overflowed block of multi-lines
with overflow: hidden; text-overflow: ellipsis; white-space: nowrap; "..." will be shown in the end of the line if overflowed. However, this will be shown only in one line. But I would like it to be ...
10 votes
5 answers
70k views
How do I add a read more link at the end of a paragraph?
I am trying to add a link to read more text at the end of a paragraph. I would like this link to display within the paragraph at the end like so: I want the paragraph to be appended with the ... and ...
11 votes
5 answers
39k views
How can I do text-overflow: ellipsis on two lines?
I have a container where the text may expand to two lines and it's 40px in height, with an 18px font size. When I do: text-overflow: ellipsis; white-space: nowrap; Then the dotted line shows ...
7 votes
3 answers
7k views
Show dots on the nth line of a text if it breaks with CSS
I want to show dots on the nth (in my case 2nd) line of a text if it breaks. I saw this and this answers but I didn't manage to get the thing working in my case. Here's a fiddle. .overme { width:...
1 vote
1 answer
13k views
How to display 3 dots when text overflow div in height [duplicate]
How to display 3 dots when text overflow div in height. I've found an example how to do it when text overflows div in width .cut-text { text-overflow: ellipsis; overflow: hidden; width: 160px; ...
0 votes
3 answers
4k views
How to truncate text, if there are more than three lines of text?
I am trying to limit the lines of text to three lines. If the user types in the text that are more than three lines, I want the text from the 4th line and below to be delete/truncated. For example ...
0 votes
3 answers
2k views
Two line of text and overflow is dotted
Is there any way to display text in two line and overflow is dotted? I can use white-space: nowrap; text-overflow: ellipsis; But it show the text in one line. I need to show my text in two line and ...
0 votes
3 answers
2k views
Trim string depending on window width, issue on resize
I want to trim the number of characters allowed using javascript. It works on load, but on resize the number goes to 0. Why is that? Can it be done without plugins? Notes: text-overflow property is ...
1 vote
1 answer
3k views
Truncating Text to 2 Lines with Javascript
Below I've written some code that takes some content in a table cell and truncates it to two lines if it runs over. When trying to find the correct content length that is close to 2 full lines (but ...
3 votes
2 answers
2k views
How to add ellipsis after two lines?
Can we add an ellipsis after two lines of text? I am able to add ellipsis in one line, but if the text is large I want it to display the text on two lines. If the text is even bigger than that I want ...
1 vote
1 answer
2k views
Hide text after 2 lines
I have a snippet of code that hides text after 1 line. Is there a way of modifying this so it hides after 2 lines? It needs to responsive so setting a fixed height or width isn't an option. Fiddle ...
0 votes
1 answer
1k views
How to make text-overflow ellipsis work on multi-line text? [duplicate]
How can I make text-overflow: ellipsis work in multi-line text without applying white-space: nowrap, with pure javascript, without including any jQuery library and without specifying the number of ...