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 vote317 views1 answer
Details summary not open css
CSS
6 votes335 views2 answers
Transition prefixes css
CSS
0 vote346 views1 answer
Change disbled button background pyqt5
CSS
3 votes317 views2 answers
Scrollbar change css
CSS
0 vote356 views2 answers
How to take of underline from link through css
CSS
0 vote338 views1 answer
How to draw hex colun in html css
CSS
0 vote316 views1 answer
Css selector all class prefix
CSS
2 votes336 views3 answers
Css properties in html
CSS
1 vote327 views1 answer
Bolock rotating the screen on your website with css
CSS
1 vote330 views1 answer
Add image to div in css
CSS