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

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable