/CSS/Text-overflow: ellipsis 2 lines

Text-overflow: ellipsis 2 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

Text-overflow: ellipsis 2 lines

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

-1

Css ellipsis

p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

-1

Source: stackoverflow.com

Similar codes

10 votes171 views6 answers
Modal html
CSS
0 vote188 views2 answers
Button slant right with icon
CSS
1 vote189 views1 answer
Duplicate box-shadow on element inner and outer
CSS
85 votes163 views6 answers
Color code green
CSS
0 vote168 views1 answer
Html min width
CSS
0 vote167 views1 answer
How to disable phone number linking in Mobile Safari
CSS
1 vote176 views1 answer
To make the content of the select2 RTL or LTR
CSS
0 vote180 views1 answer
Css style nth child beyond certain number
CSS
1 vote244 views1 answer
Pixel to inches
CSS
4 votes200 views2 answers
How to make background fixed while scrolling
CSS

Share