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

2 votes138 views1 answer
Image crop using css 1:1
CSS
0 vote162 views1 answer
How to write text in middle of straight line in css
CSS
0 vote156 views1 answer
Ordered list indent
CSS
81 votes183 views6 answers
Second child css
CSS
10 votes153 views4 answers
Wp_enqueue_style
CSS
0 vote141 views2 answers
How set image at top in wordpress
CSS
0 vote116 views1 answer
Padding 4 values
CSS
0 vote153 views1 answer
How to increase the area of a text are
CSS
34 votes165 views2 answers
Center a class css
CSS
49 votes170 views5 answers
Css first
CSS