Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
    • code notes
Blog Web Dev Multiline Ellipsis CSS

Multiline Ellipsis CSS

By Forrest Smith - Drempd.com

Use this, seems to work pretty well. Note, that you don't want to add any padding on the target element, otherwise it will show text beyond the overflow:

.blog-tile-excerpt{
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

Posted on May 24, 2022August 26, 2022 in Web Dev

drempd | san diego, ca


home contact

adventures san diego projects stream sometimes weeklies website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance