Need short long paragraph css

Truncate text css

.element{

  text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

Css overflow truncate

//Truncate text overflow 
.element {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

Css ellipsis max width

.text-ellipsis{
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Source: stackoverflow.com

Need short long paragraph css

//Line Clampin’ (Truncating Multiple Line Text)
.paragraph {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;
}

Source: css-tricks.com

Similar codes

44 votes287 views6 answers
Remove underline from hyperlink
CSS
0 vote285 views1 answer
Text weaving animation in css
CSS
3 votes269 views2 answers
How to modify select icon csshow to modify select icon css
CSS
1 vote294 views1 answer
Html center video
CSS
2 votes281 views1 answer
Css align to left
CSS
0 vote354 views2 answers
Ihr seid alle dumabtu
CSS
0 vote289 views1 answer
Css chess pieces
CSS
1 vote273 views1 answer
Steps() property css
CSS
26 votes295 views5 answers
Css multiple classes
CSS
1 vote258 views1 answer
H2 custom font family html css
CSS