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

49 votes240 views3 answers
Center absolute element css
CSS
0 vote232 views1 answer
Calc in css fonts
CSS
0 vote221 views1 answer
Css align backround image to the right
CSS
0 vote225 views1 answer
How to center icon vertically in react js
CSS
2 votes227 views1 answer
Css align to left
CSS
0 vote243 views1 answer
Profile page html css template
CSS
1 vote212 views1 answer
Is better use px or pt
CSS
7 votes226 views3 answers
Input checked by default
CSS
0 vote232 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote203 views1 answer
Which CSS property is used to add shadow to an element?
CSS