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 vote351 views1 answer
Laravel load css from public
CSS
0 vote344 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
6 votes352 views3 answers
Print css media query
CSS
0 vote362 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
19 votes360 views3 answers
Change input placeholder text css
CSS
62 votes348 views5 answers
Media max width css
CSS
2 votes377 views1 answer
Media queries css responsive max width
CSS
1 vote371 views2 answers
Css button border
CSS
1 vote359 views1 answer
Css prevent margin collapsing
CSS
0 vote430 views2 answers
Ihr seid alle dumabtu
CSS