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 vote103 views1 answer
Css hsla
CSS
0 vote108 views1 answer
Align grid items with end
CSS
50 votes104 views6 answers
Css align center
CSS
2 votes135 views1 answer
Twig ternaire
CSS
1 vote142 views1 answer
How to put something on layers css
CSS
1 vote105 views1 answer
Flexbox navbar fixed top
CSS
1 vote98 views1 answer
How to add background image in a container css
CSS
0 vote110 views1 answer
Change svg color in pseudo element
CSS
120 votes225 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote97 views1 answer
Postcss plugin
CSS