/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 vote204 views1 answer
How to change the theme of a website using css
CSS
0 vote195 views2 answers
Remove button shadow css
CSS
1 vote201 views1 answer
Css how to dynamically put div in front of another
CSS
9 votes263 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
-2 votes220 views1 answer
How to add after psuedo class in html
CSS
24 votes207 views6 answers
Background remover
CSS
0 vote210 views1 answer
Tint image with background color css
CSS
37 votes281 views4 answers
Css hover pointer
CSS
0 vote245 views1 answer
Mettre icloud en dossier barre
CSS
4 votes214 views2 answers
Display flex column width auto
CSS

Share