Search
 
SCRIPT & CODE EXAMPLE
 

CSS

text truncate after 3 lines

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}
Comment

css text truncate 2 lines

p {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
Comment

PREVIOUS NEXT
Code Example
Css :: css text no word wrap 
Css :: html if text too long newline 
Css :: css alternate row color 
Css :: css list remove dot 
Css :: disable bullets in ul 
Css :: center h1 css 
Css :: responsive image in css 
Css :: align div to right side of parent 
Css :: 2 lines paragraph 
Css :: phone media query css 
Css :: how to do a background blur in css 
Css :: how to change placeholder color 
Css :: prevent enter key submitting a form jquery 
Css :: grid direction 
Css :: how to use font awesome unicode in css 
Css :: input focus border 
Css :: css make something always on top 
Css :: input date icon width 
Css :: css smooth transition in and out 
Css :: rounded input css 
Css :: perfect circle css 
Css :: flexbox center and space between 
Css :: media query tablet only 
Css :: css center in grid 
Css :: css stop scrollbar 
Css :: center align div vertically and horizontally css 
Css :: clearfix css 
Css :: force element to bottom of page 
Css :: tailwind css disabled button 
Css :: active pseudo class in css not working in form text area 
ADD CONTENT
Topic
Content
Source link
Name
4+6 =