trois points dans le css
span {
display: inline-block;
width: 180px;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
html texte long trois points
.text-truncate
{ max-width: 15rem;
overflow: hidden;
text-overflow: ellipsis;
}