Answered by : comfortable-capuchin-o8gsp2cvum38
p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
Source : https://stackoverflow.com/questions/33058004/applying-an-ellipsis-to-multiline-text | Last Update : Sun, 29 Mar 20
Answered by : determined-dotterel-48bst6ny2wr9
div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
Source : | Last Update : Fri, 08 May 20
Answered by : ilham-fetchly
p { display: -webkit-box; max-width: 200px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
Source : https://stackoverflow.com/questions/33058004/applying-an-ellipsis-to-multiline-text | Last Update : Sun, 17 Apr 22
Answered by : graceful-gharial-wgp5ixt7rroi
.container { overflow:hidden;
}
.ellipsis { text-overflow: ellipsis; /* enables ellipsis */ white-space: nowrap; /* keeps the text in a single line */ overflow: hidden; /* keeps the element from overflowing its parent */
}
.multiline-ellipsis { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */ white-space: pre-wrap; /* let the text wrap preserving spaces */
}
Source : | Last Update : Tue, 15 Aug 23
Answered by : unsightly-unicorn-yc60hzxk3jjy
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inherit;
Source : https://stackoverflow.com/questions/7546389/css-overflow-only-1-line-of-text | Last Update : Mon, 21 Mar 22
Answered by : eula-mae-barcelona
width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
Source : | Last Update : Tue, 25 Jan 22
Answered by : bored-beetle-9k6ii9dwkz7n
p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
Source : https://stackoverflow.com/questions/26973570/setting-a-max-character-length-in-css/26975271 | Last Update : Sun, 07 Nov 21
Answered by : avinash-tripathy
.app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; display: inline-block; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000;
}
Source : https://stackoverflow.com/questions/17779293/css-text-overflow-ellipsis-not-working | Last Update : Mon, 11 Apr 22