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 vote327 views1 answer
Apple gradients
CSS
76 votes324 views6 answers
Reduce method
CSS
10 votes325 views6 answers
Css hover change another element
CSS
0 vote348 views1 answer
Feature detect css
CSS
102 votes341 views6 answers
Hide horizontal scrollbar css
CSS
1 vote353 views1 answer
Detect portrait landscape css
CSS
0 vote395 views1 answer
Use PurifyCSS with hugo
CSS
1 vote327 views1 answer
Css url do not change color of visited links
CSS
0 vote350 views1 answer
Hwo to reload css in flask
CSS
0 vote359 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS