overflow text with dots css code example
Example 1: overflow dottet
.cut-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Example 2: overflow dots css
.overflow-information{
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
width:150px; //change based on when you want the dots to appear
}
Example 3: css overflow y 3 dots
#content{
overflow: hidden;
width:100px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}