/CSS/Css ellipsis max width

Css ellipsis max width

Truncate text css

.element{

  text-overflow: ellipsis;

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

6

Css overflow truncate

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

4

Css ellipsis max width

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

1

Source: stackoverflow.com

Similar codes

0 vote326 views1 answer
Input type password css
CSS
0 vote232 views1 answer
Matsnackbar background color
CSS
1 vote282 views1 answer
Add image to div in css
CSS
-1 vote305 views1 answer
Arranging the paragraph in css
CSS
0 vote265 views1 answer
#f2f2f2 in rgba
CSS
0 vote290 views1 answer
Thumb personalizzata wp
CSS
1 vote294 views3 answers
How to place a table in center in css
CSS
27 votes315 views3 answers
Keyframe in css
CSS
0 vote316 views2 answers
Scrollbar not working
CSS
0 vote299 views3 answers
How to create collapsable using pure Javascript
CSS

Share