css实现ul li换行

admin

css实现ul li换行。在最早的布局中我们使用table，现在早就使用ul li了

1. UI->li自动换行参数：white-space:nowrap;

复制代码

如何实现呢？

1. <style>
   
2. ul{
   
3.     margin:0px;
   
4.     padding:0px;
   
5.     list_style:none;
   
6. }
   
7. 
   
8. li{
   
9.    height:28px;
   
10.    line-height:28px;
    
11.    white-space:nowrap;
    
12.    display:block;
    
13.    float:left;
    
14.    width:20%;
    
15. }
    
16. </style>
    
17. 
    
18. <ul>
    
19. <li>小说</li>
    
20. <li>世界名著</li>
    
21. <li>散文</li>
    
22. <li>传记</li>
    
23. <li>武侠网络</li>
    
24. <li>小说</li>
    
25. <li>推理</li>
    
26. <li>言情</li>
    
27. </ul>

复制代码