/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

0 vote153 views1 answer
Hide the default tooltip behaviour from safari
CSS
28 votes154 views3 answers
Display sm none
CSS
22 votes157 views4 answers
Centering with flexbox
CSS
2 votes155 views1 answer
Width 100% with padding
CSS
4 votes171 views1 answer
Flexbox center and space between
CSS
39 votes146 views4 answers
Font awesome size
CSS
0 vote166 views1 answer
Crop image instead of resize css
CSS
7 votes142 views2 answers
How to make image same size as text css
CSS
12 votes174 views2 answers
Css table alternating row color
CSS
6 votes180 views3 answers
Css for safari only
CSS

Share