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 votes376 views1 answer
Twig ternaire
CSS
16 votes343 views3 answers
CSS Head Link
CSS
0 vote340 views1 answer
Purgecss cli
CSS
0 vote366 views1 answer
Vue center components in body
CSS
2 votes347 views2 answers
Css properties
CSS
14 votes409 views2 answers
.col-12 bootstrap
CSS Bootstrap
56 votes361 views3 answers
Donald trump twitter
CSS
4 votes320 views1 answer
Css first h element
CSS
0 vote430 views2 answers
Elementor accordions closed by default
CSS
0 vote324 views1 answer
Practice html and css
CSS