Overflow dots css

Overflow dottet

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

Source: stackoverflow.com

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

1 vote182 views1 answer
Transform orgin css
CSS
0 vote188 views1 answer
Css animation scale image
CSS
0 vote207 views1 answer
Flex basis
CSS
-1 vote254 views2 answers
How to set background automatically with my screen height
CSS
55 votes204 views5 answers
Margin shorthand CSS
CSS
10 votes195 views3 answers
Hiding text css and leaving whitespace
CSS
0 vote169 views1 answer
Restrict css to apply on div
CSS
1 vote197 views1 answer
Image on top of image css
CSS
13 votes207 views4 answers
Responsive css grid
CSS
4 votes193 views1 answer
Orientation css max and min width media query
CSS