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 votes109 views2 answers
Link to css html
CSS
0 vote94 views1 answer
Html align svg to text
CSS
0 vote189 views1 answer
How to target input type with css
CSS
0 vote105 views1 answer
Putting picture shaddow in css
CSS
1 vote103 views1 answer
Hover button scss
CSS
0 vote94 views1 answer
Border 1px thick
CSS
18 votes62 views2 answers
Hover transition css
CSS
0 vote132 views1 answer
Button two lines on ipad
CSS
14 votes106 views4 answers
How to create a strikethrough in css
CSS
2 votes150 views1 answer
Bootstrap dark mode
CSS