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 vote218 views1 answer
Nuxt page transition
CSS
1 vote205 views2 answers
Mobile screen size width css
CSS
0 vote242 views1 answer
How to make multiple borders using box shadow in css
CSS
12 votes205 views3 answers
Sticky header css
CSS
1 vote208 views1 answer
Width defined by content css
CSS
1 vote274 views1 answer
How to include a new font website
CSS
1 vote203 views1 answer
Input time without am pm
CSS
250 votes513 views10 answers
Bootstrap cdn
CSS
3 votes203 views3 answers
Remove clicked button border
CSS
35 votes234 views6 answers
Ellipsis
CSS