CSS Overflow 4 line-clamp
1 — the same paragraph clamped at increasing line counts
line-clamp: 1
The quick brown fox jumps over the lazy dog. This sentence keeps going long enough to wrap across quite a few lines once the container is narrow, which is exactly what this showcase needs in order to demonstrate line-clamp actually cutting it short partway through.
line-clamp: 2
The quick brown fox jumps over the lazy dog. This sentence keeps going long enough to wrap across quite a few lines once the container is narrow, which is exactly what this showcase needs in order to demonstrate line-clamp actually cutting it short partway through.
line-clamp: 4
The quick brown fox jumps over the lazy dog. This sentence keeps going long enough to wrap across quite a few lines once the container is narrow, which is exactly what this showcase needs in order to demonstrate line-clamp actually cutting it short partway through.
none (unclamped, for comparison)
The quick brown fox jumps over the lazy dog. This sentence keeps going long enough to wrap across quite a few lines once the container is narrow, which is exactly what this showcase needs in order to demonstrate line-clamp actually cutting it short partway through.
2 — content that already fits within the limit gets no ellipsis
line-clamp: 5 on a two-line paragraph
Short paragraph that only wraps onto two lines in this narrow card.