Read more dots css

Overflow dots css

.overflow-information{ 
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  	width:150px; //change based on when you want the dots to appear
}

Add three dots to text css

#content{
overflow: hidden;
width:100px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

Source: stackoverflow.com

Read more dots css

fffffffff

Similar codes

0 vote125 views1 answer
Rotate box-shadow
CSS
0 vote131 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
23 votes107 views3 answers
Text-overflow ellipsis multiple lines
CSS
1 vote122 views1 answer
Webkit css
CSS
0 vote145 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote106 views1 answer
Css remove margin around page
CSS
32 votes115 views3 answers
Letter spacing css
CSS
-1 vote122 views1 answer
Css grid column height fit content
CSS
0 vote161 views1 answer
Bouton darkmode
CSS
0 vote113 views1 answer
Css different rules on different devices
CSS