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

1 vote222 views1 answer
Stop anchor tag scroll to top of page
CSS
1 vote221 views1 answer
Wordpress css admin not loading
CSS
0 vote219 views1 answer
How to install tailwind cdn
CSS
5 votes205 views1 answer
Hidden elements blinking on hover
CSS
0 vote190 views1 answer
Details summary hide arrow
CSS
2 votes203 views1 answer
How to use the transition left in css
CSS
0 vote217 views3 answers
Constraint in grails
CSS
5 votes218 views1 answer
Css animate flashing
CSS
9 votes332 views3 answers
Console.log style css
CSS
-1 vote221 views1 answer
Line break inside content css
CSS