有些时候需要使用ul li 水平排列而不要换行，做法很简单，直接拷我的代码上来，注意红色部分就可以了：

 

  1. #canvaslist{ 
  2.     list-style:none; 
  3.     overflow: auto; 
  4.     margin:0; 
  5.     padding:0; 
  6.     border:1px solid red; 
  7.     zoom:1; 
  8.     white-space: nowrap; 
  9.     width: 100%; 
  10. } 
  11. #canvaslist li{ 
  12.     line-height:20px; 
  13.     margin:5px 4px; 
  14.     border:1px solid silver; 
  15.     text-align:center; 
  16.     display: inline; 
  17. } 


关键部分只有红色部分。


另外一个地方，在li部分，我刚开始加入了float : left ，之后就没有不换行的效果，去掉就可以了。不知道原因。