Html hide text if too long

Css hide text if too long

<div id="truncateLongTexts">
    test test test test
</div>

#truncateLongTexts {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis // This is where the magic happens
}

Source: stackoverflow.com

Similar codes

0 vote280 views2 answers
Materialize css
CSS Materialize
25 votes240 views4 answers
Remove outline
CSS
1 vote241 views1 answer
Pseudo class css nth child
CSS
0 vote262 views1 answer
Css keep element on same position among different screen size
CSS
3 votes254 views1 answer
Illuminate\Database\QueryException could not find driver
CSS
0 vote244 views1 answer
Sass mixin breakpoint
CSS
0 vote246 views1 answer
Center elemnts css
CSS
6 votes265 views1 answer
How to make text wrap on overfloe with css
CSS
0 vote238 views1 answer
Bootstrap.min.css code download
CSS
0 vote251 views1 answer
Table with vertical lines in angular
CSS