Truncate text css

Text overflow ellipsis css

div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.element{

  text-overflow: ellipsis;

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

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

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

Similar codes

3 votes233 views3 answers
Font shadow css
CSS
0 vote176 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
2 votes172 views1 answer
How to apply css to firefox only
CSS
9 votes173 views3 answers
Css bottom
CSS
35 votes175 views2 answers
Css code for margin
CSS
0 vote182 views1 answer
Sideways Left Tabs
CSS
2 votes173 views3 answers
Import image css
CSS
2 votes137 views1 answer
Xpath vs css selector
CSS
0 vote172 views1 answer
Glass div generator
CSS
1 vote168 views1 answer
Get second child div css
CSS