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 vote315 views1 answer
How to disable keyboard in windows 10
CSS
2 votes278 views1 answer
How to fix the footer at the bottom of the page
CSS
1 vote270 views1 answer
Background-color not showing grover pdf
CSS
8 votes350 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote272 views2 answers
Sass example html
CSS
1 vote344 views1 answer
Can we use multiple keyframes in css
CSS
0 vote273 views1 answer
Css pseudo-class no children
CSS
0 vote261 views1 answer
Button not aligning right css
CSS
0 vote284 views1 answer
Mediaquery for portrate
CSS
8 votes230 views5 answers
Css triangle
CSS