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

185 votes433 views6 answers
Background image css
CSS
0 vote271 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
34 votes267 views6 answers
Css linear gradient
CSS
12 votes274 views4 answers
On hover display another div css
CSS
1 vote261 views1 answer
How to make border blur css
CSS
0 vote335 views1 answer
Bootstrap popover style width
CSS Bootstrap
60 votes273 views6 answers
Center div horizontally and vertically
CSS
1 vote295 views1 answer
How to write css like a pro
CSS
0 vote275 views1 answer
Css quitar el icono de lista
CSS
0 vote285 views1 answer
Vuetify width of textfield
CSS