Css Ellipsis Example
Example 1: text overflow ellipsis css
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Example 2: text limit in css
body {
margin: 20px;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
Example 3: text-overflow: ellipsis; 2 line
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
Comments
Post a Comment