我正在寻找一种创建< ul>的项目,我可以放在< div>并让它们并排显示,并在浏览器窗口调整大小时将其包装到下一行。
例如,如果我们在列表中有10个项目,当前在第一行显示5个项目,在第二行显示5个项目,当用户使浏览器窗口更宽时,它会变成6个项目在第一行和4个项目第二排等
我正在寻找类似的功能,Windows资源管理器在瓷砖/图标/缩略图视图中的功能。我能够根据大小,颜色,内容等创建< li>,我只是遇到包装/清理等问题。部分。
解决方法
给LI浮动:左(或右)
他们都将在同一条线上,直到容器里没有更多的空间(你的情况,一个ul)。(忘记):如果你在浮动元素后面有一个块元素,那么他也会坚持下去,除非你给他一个清楚的意思:两个,或者把一个空的div放在前面: