/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

23 votes186 views2 answers
Center align in grid
CSS
1 vote178 views1 answer
Div nebeneinander
CSS
0 vote186 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
1 vote187 views3 answers
Tag php
CSS
7 votes185 views3 answers
Css wrap text to next line
CSS
2 votes149 views1 answer
Alignitems
CSS
0 vote192 views1 answer
Long text coming out of the block
CSS
1 vote187 views2 answers
Textarea scale to content
CSS
1 vote207 views1 answer
On hover chang only border color of a button css
CSS
16 votes188 views2 answers
How to set background image 100 height
CSS

Share