html - 使用 float 按网格对齐内容的问题

标签 html css

看看这张图片:http://i.stack.imgur.com/KZCXn.png

我正在使用“float:left”以网格方式对齐我网站的内容。

在左侧,两个对象之间的间距为 24px,而在右侧为 10px。由于使用 float ,它会自动发生。如果盒子的高度不同,我不希望两边的空间不同。我希望对齐方式类似于 Facebook 时间线。

最佳答案

您将需要使用 Masonry 之类的工具:http://masonry.desandro.com/ . HTML/CSS 自己做不到。

关于html - 使用 float 按网格对齐内容的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19468061/

相关文章:

JavaScript 循环输出的顺序不正确 - 如何解决这个问题?

jquery - 输入占位符转换不会在开始输入时立即删除文本

javascript - 如何设置元素的 z-Index? JQuery、Javascript、CSS、HTML

html - z-index 到背景? CSS

html - 垂直对齐 Div 到大图像旁边的中间

html - 在本地服务器上托管 Font-Awesome 文件

html - 有没有一种简单的方法可以将普通文件转换为 WordPress 插件?

html - 待办事项列表项文本与后续列表项文本重叠

html - CSS 过渡是即时的,不会褪色到过渡中

javascript - jQuery 点击触发多次