Css overflow y 3 dots

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

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
}

Similar codes

0 vote221 views1 answer
Css push div down
CSS
0 vote251 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
2 votes168 views1 answer
How to set height equal to dynamic width pure css
CSS
0 vote216 views1 answer
Css grow animation
CSS
4 votes182 views1 answer
Checkbox input in css
CSS
174 votes244 views6 answers
How to add background image in css
CSS
0 vote173 views1 answer
Get element in list ocaml
CSS
0 vote179 views1 answer
Carousel css only
CSS
0 vote151 views1 answer
Bootstrap accessibility
CSS
0 vote197 views1 answer
How to use purgecss with webpack mix laravel
CSS