/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

-1 vote196 views1 answer
Add css to express app
CSS
18 votes200 views2 answers
Php + get sql query
CSS
0 vote206 views1 answer
Working with tailwind css on your react build
CSS
1 vote170 views1 answer
Pseudo class css nth child
CSS
0 vote215 views1 answer
Css basics
CSS
7 votes190 views2 answers
Disable bullets in ul
CSS
1 vote218 views2 answers
Place items
CSS
0 vote228 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
13 votes230 views3 answers
Iphne media query csss
CSS
5 votes189 views3 answers
Keep background image fixed during scroll using css
CSS

Share