/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

1 vote155 views2 answers
Media max height css
CSS
1 vote158 views1 answer
How to hover over an individual cell in table css
CSS
0 vote151 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote205 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
38 votes150 views6 answers
Text gradient css
CSS
1 vote169 views1 answer
How to delete css property using css
CSS
0 vote156 views1 answer
Ancho maximo css
CSS
0 vote186 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote144 views3 answers
Assignment 1
CSS
0 vote164 views1 answer
How mto change the label font style in css
CSS

Share