html纵向准确排布,LI 纵向排列问题_html/css_WEB-ITnose

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

回复讨论(解决方案)

Untitled Document

??1 Itemone

??2 Itemtw

??3 Itemthree

??4 Itemfour

??05 Itemfiv

??06 Itemsixx

??7 Item777

??8 Item8888

??9 Item99

??10 Itemtttenn

??11 Item111e

??12 Item1122

??13 Item13131

??14 Item1414

??15 Item1555

??16 Item16

??17 Item17777

??18 Item18

??19 Item1999

??20 Item122

??21

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

建议可以用几个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;})}