Line-clamp CSS: Text overflow max lines with CSS line-clamp

line-champ is a CSS attribute for controlling how many lines of text will be visible in your paragraph

When combined with the display attribute, the line-champ CSS property (first check browser compatibility: https://caniuse.com/?search=line-clamp) will confine text to a specified number of lines: -webkit-box or -webkit-inline-box. It will end with an ellipsis when text-overflow: ellipsis is included. The -webkit-box-orient property must be set to vertical.

Note: Don't forget to add max-height and overflow: hidden to your div so that the rest of the text (after the ellipsis) doesn't show up.

Can accept either a number specifying the visible columns or none.