我需要做的事情是:
我有一个使用无序列表创建的水平菜单,其中列表元素显示为inline-block。该列表具有固定宽度。
ul { width: 980px; }
li { display: inline-block; }
当列表元素的总宽度超过列表宽度时,会出现换行并创建新行。我想做的是控制这个新行的位置,使其在创建后覆盖第一行而不是在下面。也许这样更清晰:
3rd line: item7 item8
2nd line: item4 item5 item6
1st line: item1 item2 item3
我有一种预感,这件事无法仅使用CSS完成,所以需要结合CSS+jQuery的解决方案。
非常感谢任何帮助。