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

0 vote116 views1 answer
Center absolute suedo element
CSS
0 vote123 views1 answer
How mto change the label font style in css
CSS
4 votes121 views1 answer
How do i update my gatsby version?
CSS
0 vote116 views1 answer
Css change scroll anchor point under navbar
CSS
3 votes105 views2 answers
Centralizar div no meio da tela
CSS
0 vote99 views1 answer
Css loader with gradient
CSS
4 votes170 views6 answers
Aos library
CSS
0 vote121 views1 answer
Css svg width 100%
CSS
3 votes116 views5 answers
Css keep aspect ratio image
CSS
0 vote136 views1 answer
Css padding top screen height
CSS