1//Truncate text overflow
2.element {
3 white-space: nowrap;
4 overflow: hidden;
5 text-overflow: ellipsis;
6}
1.text-ellipsis{
2 display: block;
3 width: 100%;
4 white-space: nowrap;
5 overflow: hidden;
6 text-overflow: ellipsis;
7}
1.element{
2
3 text-overflow: ellipsis;
4
5 /* Required for text-overflow to do anything */
6 white-space: nowrap;
7 overflow: hidden;
8}
9
1//Line Clampin’ (Truncating Multiple Line Text)
2.paragraph {
3 display: -webkit-box;
4 -webkit-line-clamp: 3;
5 -webkit-box-orient: vertical;
6
7 text-overflow: ellipsis;
8
9 overflow: hidden;
10}