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 vote193 views1 answer
Side nav bar in materialize css
CSS
7 votes150 views1 answer
Col md 12
CSS
0 vote168 views1 answer
Css print landscape
CSS
28 votes173 views3 answers
Display sm none
CSS
0 vote189 views1 answer
Add backdrop to modal css
CSS
0 vote186 views1 answer
Animation clip path
CSS
7 votes200 views6 answers
Jquery remove css class
CSS
0 vote227 views1 answer
How fixed image at top
CSS
4 votes164 views2 answers
Silver hex code
CSS
3 votes174 views1 answer
Learn css animation
CSS