This way beginners often don't know how to handle it. The following is a demonstration of the method. However please note that this method is applicable with IE and op browser!
To set the way that Li exceeds the partial display ellipsis
<textarea id="runcode81270"><! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < HTML xmlns= "http://www.w3.org/1999/xhtml" > <pead> <meta http-equiv= "Content-type" content=; charset=gb2312 "/> <title>jb51.net</title> <style type=" Text/css "> <!--li {width:200px; White-space:nowrap; Text-overflow:ellipsis; Overflow:hidden; }--> </style> </pead> <body> <ul> <li>jb51.net-div css Layout FAQ </li> <li >jb51.net-div CSS Layout FAQ </li> <li>jb51.net-div CSS Layout faq </li> <li>jb51.net-div css layouts often See questions </li> <li>jb51.net-div css layouts FAQ </li> <li>jb51.net-div CSS Layout FAQ </li> <li> Jb51.net-div CSS Layout FAQ </li> <li>jb51.net-div CSS Layout faq </li> </ul> </body> </ptm L></textarea>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]