当文字很长的时，不管是IE还是firefox，到达边界都会自动换行。但是有的情况，我们并不希望这样。比如：在网页中的某个区域显示一个使用ul li 标签的文章标题列表。不想让每行的文字自动换行，那就可以用css属性white-space来解决。
代码如下：

CSS Code 复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202309/n5dvaejq1ca    <html xmlns= "http://www.w3.org/1999/xhtml" >    <head>    <meta http-equiv= "Content-Type"   content = "text/html; charset=utf-8"  />    <title>Web开发者网络（www.admin10000.com）</title>    <style type= "text/css" >    ul #myList  {  margin : 0px ;  padding : 0px ;  list-style : none ;  border : 1px   solid   #c10 ;  width : 400px ;  white white-space : nowrap ;  overflow : hidden ; }    div #contai ner {  width : 400px ;  border : 1px   solid   #ccc ;  padding : 10px ; }    </style>    </head>    <body>    <div id= "container" >    <ul id= "myList" >    <li>Admin10000.com是WEB开发者学习交流的平台，这里提供大量实用的技术文档及相关资源下载。</li>    <li>Admin10000.com是WEB开发者学习交流的平台，这里提供大量实用的技术文档及相关资源下载。</li>    <li>Admin10000.com是WEB开发者学习交流的平台，这里提供大量实用的技术文档及相关资源下载。</li>    </ul>    </div>    </body>    </html>  

　　提示：

　　1.为ul标签设置CSS属性 white-space:nowrap; 使li中的文本不在换行。　

　　2.为ul标签设置CSS属性 overflow:hidden; 让超出指定宽度的部分隐藏

　　3.在IE6中必须明确指定ul的宽度。否则ul被撑开，直至所有内容被显示。因此我们加上属性width:400px。

　　所以这里建议：width:400px; white-space:nowrap; overflow:hidden;