/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

158 votes198 views5 answers
Css background image with url
CSS
0 vote142 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
2 votes137 views2 answers
Half circle css
CSS
0 vote154 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
20 votes162 views3 answers
Text overflow ellipsis two lines
CSS
0 vote149 views1 answer
Bootstrap-navbar-containers
CSS
99 votes184 views6 answers
Css capitalize first letter
CSS
7 votes159 views4 answers
How to crop images in css
CSS
0 vote187 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote166 views1 answer
How to truncate a multiline text using css
CSS

Share