/CSS/Css paragraph ellipsis

Css paragraph ellipsis

Css ellipsis

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

39

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

Css ellipsis

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

-1

Source: stackoverflow.com

Similar codes

0 vote229 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
0 vote246 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
8 votes224 views2 answers
Css resize checkbox
CSS
0 vote195 views1 answer
Css filter img color etc
CSS
0 vote185 views1 answer
Css text elipsis after width
CSS
9 votes261 views3 answers
Bootstrap list
CSS Bootstrap
0 vote187 views1 answer
Sub menu disappears on hover css
CSS
0 vote202 views1 answer
@keyframes opact
CSS
1 vote186 views1 answer
Move element to the left css
CSS
0 vote218 views1 answer
Add shadowto container
CSS

Share