Linked Questions

437 votes
23 answers
557k views

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.....
Reigel Gallarde's user avatar
1 vote
1 answer
427 views

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 ...
Heisenberg's user avatar
0 votes
2 answers
56 views

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 ...
ketan's user avatar
  • 103
317 votes
16 answers
214k views

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 ...
Ovilia's user avatar
  • 7,300
10 votes
5 answers
70k views

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 ...
Richard Bell's user avatar
11 votes
5 answers
39k views

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 ...
user1227914's user avatar
  • 3,534
7 votes
3 answers
7k views

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:...
Yulian's user avatar
  • 6,849
1 vote
1 answer
13k views

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; ...
Alexndr Efremov's user avatar
0 votes
3 answers
4k views

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 ...
user avatar
0 votes
3 answers
2k views

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 ...
Md. Shougat Hossain's user avatar
0 votes
3 answers
2k views

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 ...
Claudiu Creanga's user avatar
1 vote
1 answer
3k views

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 ...
savinger's user avatar
  • 6,784
3 votes
2 answers
2k views

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 ...
user944513's user avatar
  • 12.8k
1 vote
1 answer
2k views

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 ...
user avatar
0 votes
1 answer
1k views

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 ...
mdnfiras's user avatar
  • 979

15 30 50 per page