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

4 votes303 views2 answers
Can we use material ui and tailwind css together
CSS
0 vote291 views1 answer
Override vuetify container width
CSS
2 votes284 views1 answer
Reset a tag css
CSS
48 votes331 views6 answers
Media query min and max
CSS
2 votes271 views1 answer
Css how to add double shadow to text
CSS
8 votes303 views4 answers
Aos css animation
CSS
51 votes269 views5 answers
Css reset
CSS
8 votes314 views3 answers
Background image fill div
CSS
5 votes309 views2 answers
Css especifico para safari
CSS
0 vote299 views1 answer
Css html attribut
CSS