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

2 votes315 views2 answers
How to give 2 different background color css
CSS
0 vote332 views2 answers
Css animation png
CSS
0 vote316 views1 answer
Inline-block column appear higher than others
CSS
0 vote371 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS
0 vote329 views1 answer
Jpa select date format
CSS
0 vote341 views1 answer
Prevent css animation reset
CSS
0 vote318 views1 answer
How to select classes that start with a certian name
CSS
0 vote319 views2 answers
Fr meaning in css
CSS
0 vote355 views1 answer
Webpack how to disable warning when run build
CSS
0 vote343 views1 answer
Easiest way to invert css to dark mode
CSS