Clamp lines
Multi-line clamp.
- Snippet
- CSS
- 2 blanks to fill
.class {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} Orange words are blanks you have not filled yet. Press ⌘ Return to copy.
About this template
Multi-line clamp.
- Category
- Code snippets
- Pack
- CSS
- Type
- Snippet, a short message
- Asks for
- class, Lines
Use it anywhere you write: email, chat, a document or a support tool. If you send it often, save the finished text as a snippet in ClipBuddy and paste it again from your clipboard history with ⌘⇧V.
Template source
The template as written, with its blanks in double braces, such as {{Name}}.
.{{class}} {
display: -webkit-box;
-webkit-line-clamp: {{Lines=3}};
-webkit-box-orient: vertical;
overflow: hidden;
}