css li beyond hidden code_Experience exchange

Newbies often don't know how to do this. Below is a demonstration of the method. However, please note that this method is applicable to IE and OP browsers!
How to set ellipsis to be displayed beyond the part of li

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>jb51.net</title> <style type="text/css"> <!-- li { width:200px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } --> </style> <ul> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> <li><a href="#">jb51.net - Div CSS layout FAQ</a></li> </ul>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh it to execute]