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

4 votes167 views1 answer
Plasma state of matter
CSS
-1 vote188 views3 answers
Clip path css
CSS
1 vote221 views1 answer
Ion input padding left
CSS
94 votes159 views2 answers
Css code to make text bold
CSS
4 votes165 views3 answers
Css alternate row color
CSS
14 votes272 views2 answers
.col-12 bootstrap
CSS Bootstrap
1 vote162 views1 answer
Ion-tab-bar transparent
CSS
-1 vote188 views2 answers
How to set background automatically with my screen height
CSS
0 vote163 views1 answer
How to get 2 words one left aligh and right align in css
CSS
13 votes177 views2 answers
Box-sizing
CSS