css hide long text code example
Example 1: text overflow ellipsis css
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Example 2: 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
}