Control the overflow of text.

[axxonet]

Hello Friends,

I am working with some UI modifications and asked to put the user's ID on the web page. I Have already added few info. there, So I have a limit to use the space. I recently found one site has resolved that problem.

For eg: If the user ID is jobin_Redhat@hotmail.com, It appears as"jobin....".
On mouse over it shows the whole ID. I googled alot to find out the source and understand that CSS have got a property called 'overflow' which restricts text width. But I am not sure how can I achieve this.

Can anyone please help me on this to resolve.

Regards,
Jithesh PM.

[Fang]

Do this preferably server-side or use JavaScript.

[axxonet]

So there is no way with CSS.

[Fang]

Not really

[FourCourtJester]

As always, Fang knows everything.

The overflow property is CSS is used to 'hide' content within containers that is wider/taller than the container itself. You can use the overflow property to add scroll bars to a container, or to cut off undesired content.

It cannot be used in the way you're describing.