ul li横並びで改行しない方法

1519 ワード
改行しない li。 ul web開発
場合によっては、ul liのレベルを使って、改行しないでください。やり方は簡単です。直接にコードを拷問して、赤い部分に注意すればいいです。
  
   
   
   
   
    
    
    
    
    
  1. #canvaslist{ 
    2. 
    
    
    
    
  2.     list-style:none; 
    3. 
    
    
    
    
  3.     overflow: auto; 
    4. 
    
    
    
    
  4.     margin:0; 
    5. 
    
    
    
    
  5.     padding:0; 
    6. 
    
    
    
    
  6.     border:1px solid red; 
    7. 
    
    
    
    
  7.     zoom:1; 
    8. 
    
    
    
    
  8.     white-space: nowrap; 
    9. 
    
    
    
    
  9.     width: 100%; 
    10. 
    
    
    
    
  10. } 
    11. 
    
    
    
    
  11. #canvaslist li{ 
    12. 
    
    
    
    
  12.     line-height:20px; 
    13. 
    
    
    
    
  13.     margin:5px 4px; 
    14. 
    
    
    
    
  14.     border:1px solid silver; 
    15. 
    
    
    
    
  15.     text-align:center; 
    16. 
    
    
    
    
  16.     display: inline; 
    17. 
    
    
    
    
  17. } 
    18.
肝心なところは赤い部分だけです。
もう一つのところはliの部分でfloat：leftを入れ始めたばかりです。その後は改行しない効果がありません。削除すればいいです。原因は分かりません。