/CSS/Text overflow ellipsis two lines

Text overflow ellipsis two 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 two lines

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

2

Source: stackoverflow.com

Css paragraph ellipsis

max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

-1

Similar codes

4 votes213 views1 answer
Css selector every child except last
CSS
0 vote233 views1 answer
Réglage de constantes PHP
CSS
0 vote211 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
1 vote278 views1 answer
Make blinking cursor disappear css
CSS
1 vote261 views2 answers
Media min height css
CSS
53 votes209 views6 answers
How to underline text in css
CSS
0 vote264 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS
0 vote234 views1 answer
How to display a header in the center of the column in css
CSS
9 votes238 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
1 vote216 views6 answers
Tailwind css in react
CSS

Share