Syntax

line-clamp

Limiting the contents of a container to the specified number of lines.

Overview

ClassDeclarations
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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy