当前位置:Gxlcms > html代码 > LI纵向排列问题_html/css_WEB-ITnose

LI纵向排列问题_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:90人阅读













如何让纵向排满一列自动换第二列,大虾们请执教。。。


回复讨论(解决方案)





Untitled Document





先横向排然后排满才会下一行吧

建议可以用几个DIV。固定高度,排满后就排到第二个




这样的排法,在FIREFOX中会不兼容


这样就横向了

给li加个浮动对齐,你要算好li的长度跟li之间的间距要小于或等于ul的长度,如果要想排列的整齐,最好在li里面加个溢出隐藏和高度。。。

实现肯定是没问题的,只是有没有必要,而且左边排满再排右边感觉不是很怪吗?左边10个,右边1个的。

如果非按照你想法,供个思路给你,用到jquery,既然你说道右边排满再排右边,也就是整个的高度是固定的,也就可以做到左边最多排列的个数(假设10个),首先这些li统一用position:absolute;定位,然后通过jquery给前面10个导航定位i(i=0;i<10,I++){li[i].css({top:i*行高值;left:0px;})}然后再给11个li定位i(i=10;i<20,I++){li[i].css({top:i*行高值;left:100px;})}

人气教程排行