/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

12 votes140 views4 answers
On hover display another div css
CSS
0 vote142 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote138 views1 answer
Inexorably
CSS
3 votes131 views3 answers
Website gradient
CSS
0 vote169 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
10 votes143 views4 answers
Wp_enqueue_style
CSS
164 votes187 views6 answers
Box-shadow css
CSS
1 vote137 views1 answer
Display in flexbox
CSS
12 votes141 views3 answers
Vertical and horizontal align center div
CSS
1 vote130 views1 answer
Css erase text
CSS

Share