/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

4 votes326 views4 answers
Composer rollback to v1
CSS
61 votes303 views2 answers
Bootstrap flex direction column
CSS
0 vote266 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
37 votes347 views1 answer
Css placeholder font size
CSS
0 vote346 views3 answers
Add custom css to wordpress menu item
CSS
-2 votes473 views3 answers
Box sizing reset
CSS
2 votes289 views2 answers
How to remove the blueish background on a button when clicked
CSS
0 vote292 views1 answer
Overiade main style only for specific page sass
CSS
0 vote268 views1 answer
Text width tailwindcss
CSS
2 votes327 views2 answers
Bootstrap change color table striped
CSS

Share