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 vote132 views1 answer
Make font awesome spin but not the word on hover
CSS
5 votes129 views2 answers
Zoom animations in css
CSS
5 votes123 views2 answers
Onclick reload an iframe
CSS
0 vote179 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote165 views1 answer
How to transition text color css
CSS
0 vote136 views1 answer
Execution timeout expired the timeout
CSS
13 votes134 views6 answers
Bootstrap Badges
CSS
0 vote132 views1 answer
Getting two scroll bars
CSS
222 votes329 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote190 views1 answer
Bootstrap popover style width
CSS Bootstrap