Syntax
line-clamp
Limiting the contents of a container to the specified number of lines.
Overview
| Class | Declarations |
|---|---|
lines:`value` | display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: `value`;
overflow: hidden;
overflow-wrap: break-word;
text-overflow: ellipsis;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="lines:1:hover lines:1@sm lines:1@dark lines:1@print">…</div>