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 vote382 views1 answer
Opposite of visibility hidden in css
CSS
0 vote336 views2 answers
Order
CSS
0 vote363 views1 answer
Curve bottom of square css
CSS
0 vote612 views1 answer
Twig inline css
CSS
66 votes358 views6 answers
Remove bullets from list css
CSS
0 vote351 views1 answer
Put light shadow around div
CSS
4 votes305 views1 answer
Grid mdn
CSS
1 vote360 views1 answer
Cards design html css
CSS
0 vote423 views1 answer
@keyframes opact
CSS
0 vote376 views3 answers
Scroll elementleft using js
CSS