在浏览器调整大小时将元素移动到新行

时间:2013-04-19 13:32:01

标签: html css css-float

我正在寻找一种能够根据浏览器的大小动态移动元素的解决方案。

示例:

我将使用“X”作为元素的例子

如果一个用户正在查看类似于mac的分辨率,他们会看到

X X X X X X - LIs / DIV的最大数量

如果浏览器的大小调整为一半,他们会看到

X X X - LIs / DIV数量的一半

尝试复制的最佳方法是什么?这里有一个工作实例:http://www.therugcompany.com/gb/collection.html

感谢您的光临!

1 个答案:

答案 0 :(得分:1)

如果LI / DIV是浮动元素,当它们的容器宽度变小时,它们自然会下降到下一行。

W3Schools有一个很好的例子,说明你所描述的内容,这里: http://www.w3schools.com/css/tryit.asp?filename=trycss_float_elements

这是来自主要的CSS Float主题页面,在这里: http://www.w3schools.com/css/css_float.asp