The way the CSS text is omitted automatically after the container length is exceeded!

When we show the text content to the user, we often need to avoid the text content beyond the container width, to prevent the line overflow, the younger brother found on the Internet the realization of the online only realized the use ... omitted Function!

And did not get the function of the cursor hint, all the younger brother in combination with the code on the Internet to change an ellipsis and get the cursor display all the function, nonsense not to say first!

If the text exceeds the specified width, it will be used ... Omitted, and will show all when the mouse gets the cursor!

On the Code

<span style= ' width:290px; White-space:nowrap;text-overflow:ellipsis;overflow:hidden; Display:block; ' ><span style= ' margin:20px; > Location: </span><abbr title= ' Sichuan Mianyang Zitong County Wenchang Town Jin Long A Brigade two Group No. No. 205 ' > Sichuan Mianyang Zitong County Wenchang Town Jin Long A Brigade two Group No. No. 205 </abbr></span >

　　

　　

The way the CSS text is omitted automatically after the container length is exceeded!