Use CSS to display truncate text
Sometimes we need to truncate the text in limit space, it will be more reasonable to display the ellipsis at the end of the truncated text instead of show whole text.
CSS to truncate text for single line
.truncate {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
CSS to truncate