无标题文档1.aaaaaaaa2.bbbbbbbb3.cccccccc4.dddddddd5.eeeeeeee6.ffffffff7.gggggggg8.hhhhhhhh9.kkkkkkkk
效果:
1.aaaaaaaa  4.dddddddd 7.gggggggg
2.bbbbbbbb  5.eeeeeeee 8.hhhhhhhh
3.cccccccc  6.ffffffff 9.kkkkkkkk
回复讨论(解决方案)   li加上float:left; 
   改成
1.aaaaaaaa  
2.bbbbbbbb  
3.cccccccc
4.dddddddd  
5.eeeeeeee  
6.ffffffff
7.gggggggg  
8.hhhhhhhh  
9.kkkkkkkk
用表格比较方便 
   改成
1.aaaaaaaa  
2.bbbbbbbb  
3.cccccccc
4.……
++++++1    改成
1.aaaaaaaa  
2.bbbbbbbb  
3.cccccccc
4.……
这样把程序写死了,做循环怎么写?   
   所以采用我的方法,只在li设float:left; 加上你原来设置的宽度 这样就会3个成1行 第4个因为没位置了 就会自动换到第二行 如此重复,其他代码可以不去动 
   汗 仔细看了 你是要纵列!!! 我想想 
   如果是想用一个ul来实现上面的话 你可以改变里面的内容,li里面的内容比如这样:
1.aaaaaaaa   
4.dddddddd   
7.gggggggg  
2.bbbbbbbb  
5.eeeeeeee   
8.hhhhhhhh  
3.cccccccc   
6.ffffffff  
9.kkkkkkkk  
 然后设置他的宽度,宽度不够的时候他会自动换行的。当然这样写是写死了的。如果要是导航栏那一类可以写死了的话,是可以这样写的
这个有点难。 
   i%3相同即可。但是2楼那个更好点,只是标签那个啥,滥用。
1....  
2....  
3....
....
如果是想用一个ul来实现上面的话 你可以改变里面的内容,li里面的内容比如这样:  
1.aaaaaaaa   
4.dddddddd   
7.gggggggg  
2.bbbbbbbb  
5.eeeeeeee   
8.hhhhhhhh  
3.cccccccc   
6.……    如果是想用一个ul来实现上面的话 你可以改变里面的内容,li里面的内容比如这样:
1.aaaaaaaa   
4.dddddddd   
7.gggggggg  
2.bbbbbbbb  
5.eeeeeeee   
8.hhhhhhhh  
3.cccccccc   
6.f……
这个数据是循环读出来的。    如果是想用一个ul来实现上面的话 你可以改变里面的内容,li里面的内容比如这样:
1.aaaaaaaa   
4.dddddddd   
7.gggggggg  
2.bbbbbbbb  
5.eeeeeeee   
8.hhhhhhhh  
3.cccccccc   
6.f……
不是导航栏 是一个列表哦    改成横排  
 要不就写死宽度,固定几列。  
 要不很难写,只能js动态控制 
   nbsp;html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
纵排
1.aaaaaaaa2.bbbbbbbb3.cccccccc4.dddddddd5.eeeeeeee6.ffffffff7.gggggggg8.hhhhhhhh9.iiiiiiii
so easy    上面再完善下,给li的样式加个防止溢出的样式,改后  
 .main li{position:absolute; width:180px; padding:0px 10px; overflow:hidden;}
   
 
   