您好,欢迎访问一九零五行业门户网

这个效果怎么弄?_html/css_WEB-ITnose

无标题文档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;}
其它类似信息

推荐信息