Which properties are commonly used to prevent overflow and manage text truncation?

Which properties are commonly used to prevent overflow and manage text truncation?

• A. display, position, z-index
• B. overflow-y, text-wrap, wrap
• C. overflow, text-overflow, white-space
• D. max-width, min-width, width

Answer: (C)

Controlling how text behaves when it doesn’t fit in its container comes down to three CSS properties that work together to prevent overflow and show truncation clearly. The overflow property decides how any overflowing content is handled in general—whether it stays, scrolls, or is clipped. To actually convey that the text has been cut off, the text-overflow property defines the visible cue, such as an ellipsis, but it only takes effect when the content is overflowing and the chosen overflow behavior supports it. The white-space property controls wrapping and line breaks; for single-line truncation, you typically disable wrapping with nowrap so the text remains on one line and can be truncated. So, overflow handles the containment, text-overflow provides the truncation indicator, and white-space governs whether wrapping occurs. The other options don’t address all of these aspects together: some control layout or vertical overflow only, and others aren’t standard tools for truncation.

Controlling how text behaves when it doesn’t fit in its container comes down to three CSS properties that work together to prevent overflow and show truncation clearly. The overflow property decides how any overflowing content is handled in general—whether it stays, scrolls, or is clipped. To actually convey that the text has been cut off, the text-overflow property defines the visible cue, such as an ellipsis, but it only takes effect when the content is overflowing and the chosen overflow behavior supports it. The white-space property controls wrapping and line breaks; for single-line truncation, you typically disable wrapping with nowrap so the text remains on one line and can be truncated.

So, overflow handles the containment, text-overflow provides the truncation indicator, and white-space governs whether wrapping occurs. The other options don’t address all of these aspects together: some control layout or vertical overflow only, and others aren’t standard tools for truncation.