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

Restrict a paragraph height css

.class{
   word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px; /* fallback */
   max-height: 32px; /* fallback */
   -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

18 votes364 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote388 views1 answer
Browser renders before styles are applied
CSS
3 votes373 views2 answers
How center content in css by using flex
CSS
12 votes399 views3 answers
Line through in css
CSS
4 votes379 views2 answers
Is there an img cover
CSS
0 vote342 views1 answer
Css light mode
CSS
36 votes377 views6 answers
How to insert gradient in css
CSS
24 votes347 views1 answer
Css gradient animations
CSS
0 vote345 views1 answer
Css lobotomized owl
CSS
0 vote377 views1 answer
Mitmf install
CSS