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

2 votes234 views1 answer
How to make html element not selectable
CSS
1 vote257 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote254 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
15 votes245 views3 answers
Css size
CSS
0 vote266 views2 answers
Disabled checkbox css
CSS
0 vote255 views1 answer
Réglage de constantes PHP
CSS
0 vote237 views1 answer
All the divs from inside of another div css
CSS
0 vote263 views1 answer
Radius to imported icons
CSS
67 votes251 views6 answers
How to center a div in css
CSS
6 votes237 views2 answers
How to make all the columns equal size with flexbox
CSS