Home/ Questions/Q 3875176
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T22:14:12+00:00

I’m looking for a way to mark when text overflows it’s container. The code

  • 0

I’m looking for a way to mark when text overflows it’s container. The code goes like in this example. Basically, it’s a <span> with a set size. I want some kind of marker to show me when the text overflows.

I tried text-overflow:ellipsis;, which sounded perfect, except that it only works if the parent is the one whose size is restricted (right?).

Does anyone have any pure-CSS (JS and editing the HTML is out of the question here) ideas for how to alert me to when the text is being clipped?

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to add the white-space: nowrap; style to the container along with the text-overflow:ellipsis;.
    See here

    Edit Here’s some more info on it.

    • 0