/CSS/Text-overflow ellipsis multiple lines

Text-overflow ellipsis multiple lines

Text-overflow ellipsis multiple lines

p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

19

Source: stackoverflow.com

Text-overflow: ellipsis; 2 line

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;

5

Css paragraph ellipsis

max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

-1

Similar codes

2 votes168 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
0 vote182 views1 answer
How to add a pure css loading spinner
CSS
2 votes235 views1 answer
How to distribute vertically the items in css
CSS
33 votes199 views3 answers
Change button shaddow css
CSS
0 vote196 views1 answer
How to change logo size in wordpress
CSS
1 vote182 views1 answer
Hardball rifler
CSS
0 vote185 views1 answer
For...of...loop and NodeLists
CSS
1 vote182 views1 answer
Bootstrap word-wrap: break-word;
CSS
1 vote185 views1 answer
Span nowrap
CSS
0 vote191 views1 answer
Before css font awesome
CSS

Share