/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 vote169 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
47 votes165 views6 answers
How to add a css file in html
CSS
1 vote156 views1 answer
Change scroll style angular
CSS
165 votes217 views6 answers
How to make text bold in css
CSS
73 votes169 views6 answers
Flexbox in css
CSS
3 votes173 views3 answers
Zoom image inside div and move
CSS
0 vote159 views1 answer
Color custom css use in laravel
CSS
0 vote157 views1 answer
How to set image size without changing aspect ratio in css
CSS
0 vote160 views4 answers
Tailwind to css converter
CSS
0 vote221 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap

Share