Show the CSS code needed to resolve A card description should be visually limited to three lines. in a dashboard card.

CSS Published 03 Oct 2026 Updated 03 Oct 2026 0 Views Verified

Problem: A card description should be visually limited to three lines. Context: This CSS troubleshooting question uses a dashboard card example. Correct approach: Use line clamping with the web-compatible flexbox syntax. Working CSS: .desc { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }

Looking for the latest Sarkari Result 2026 updates? Check the latest government exam results, merit lists and result updates on Sarkari Resultess.

Answer & Explanation

4 Answers

Verified

A. Common but incorrect approach

Use text-overflow:3-lines

Additional Explanation

This approach does not directly implement the required CSS behavior.

Verified

B. Incorrect CSS alternative

Use line-height:3 only

Additional Explanation

This is not a valid CSS property or does not solve the stated problem.

Verified

C. Another incorrect approach

Use white-space:clamp

Additional Explanation

This does not address the underlying CSS layout or styling issue.

Verified Correct Answer

D. Correct CSS solution

.desc { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }

Additional Explanation

Use line clamping with the web-compatible flexbox syntax.