Text limit in css

Text overflow ellipsis css

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

Css limit text length

/*CSS to limit the text length inside a div*/
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

Text limit in css

body {
   margin: 20px;
}

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

Source: stackoverflow.com

Css text limit

p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

Source: stackoverflow.com

Similar codes

1 vote296 views3 answers
Rainbow text css
CSS
0 vote275 views1 answer
Shopify display flex not working
CSS
1 vote290 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
0 vote303 views1 answer
Show modal in bootstrap 4
CSS
0 vote297 views1 answer
Change last character color css
CSS
1 vote272 views1 answer
Css validator
CSS
0 vote275 views1 answer
Add shadow to iframe
CSS
0 vote279 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
1 vote273 views2 answers
Css animated background
CSS
1 vote304 views1 answer
Css flip svg
CSS