并排列表项目作为div(css)中的图标

前端之家收集整理的这篇文章主要介绍了并排列表项目作为div(css)中的图标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一种创建< ul>的项目,我可以放在< div>并让它们并排显示,并在浏览器窗口调整大小时将其包装到下一行。

例如,如果我们在列表中有10个项目,当前在第一行显示5个项目,在第二行显示5个项目,当用户使浏览器窗口更宽时,它会变成6个项目在第一行和4个项目第二排等

我正在寻找类似的功能,Windows资源管理器在瓷砖/图标/缩略图视图中的功能。我能够根据大小,颜色,内容等创建< li>,我只是遇到包装/清理等问题。部分。

解决方法

给LI浮动:左(或右)

他们都将在同一条线上,直到容器里没有更多的空间(你的情况,一个ul)。(忘记):如果你在浮动元素后面有一个块元素,那么他也会坚持下去,除非你给他一个清楚的意思:两个,或者把一个空的div放在前面:

猜你在找的CSS相关文章