javascript - 我如何使流体 float :left layout?

标签 javascript css grid css-float

例如,我想要一个全部向左浮动的方框网格。我在这里有设计:atbskate.com/trusktr。

我网站上的框都是 float:left。但是,当我通过向其中添加内容 (ajax) 来扩展一个框时,它会移动其他框并留下难看的空白空间。我希望盒子能填满这个空白空间。

这个想法类似于 http://www.robclarke.com/ .当您单击一个框时,它会展开,所有其他框都会移动并且没有空白空间。我怎样才能避免这个空白?

robclarke.com 上的代码非常复杂,所以我还没来得及剖析它...

有什么想法吗?

最佳答案

看看 jQuery masonry plugin这为处理框中的内容提供了很大的灵 active 。

关于javascript - 我如何使流体 float :left layout?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3767272/

相关文章:

javascript - javascript中for循环所花费的时间随着迭代次数的增加呈指数增长

java - 如何使用 selenium 2 定位一个没有唯一标识符(如 Name、Id)的元素

javascript - 使用 handsontable 获取单元格数据

javascript - React Native fetch() 网络请求失败

javascript - 如何将 js 插入到 Electron 应用程序中,例如 chrome 内容脚本

javascript - 如何访问发送到 php 脚本的 jQuery.ajax() 返回数据

javascript - 如何在带有标题的网页中放置背景图像

php - 使用 Laravel 和 Css 将单个或多个图像或 div 作为一个整体居中对齐

gridview - ExtJS 4 网格焦点加导航

grid - Vaadin 8 网格编辑器保存监听器