jquery - 在容器中从上到下而不是从左到右的瓷砖

标签 jquery css height

我想像这样从上到下显示图 block /缩略图:enter image description here

当我只是将瓷砖放入容器中时,它不会像 float:left 那样工作以适应容器然后是下一行。 在这种情况下,图 block (红色)刚好在容器(黑色)之外。

EXAMPLE ON CODEPEN

最佳答案

你需要在容器上设置一个宽度,这样它会限制盒子。通过这样做,它允许您在较小的盒子上设置 float: left;

编辑:更新链接:http://codepen.io/seraphzz/pen/boxtq

关于jquery - 在容器中从上到下而不是从左到右的瓷砖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16967685/

相关文章:

javascript - 如何取消绑定(bind)到元素的点击事件?

javascript - 使用 Tinysort 按子属性对 HTML 列表进行排序

javascript - 当通过 JavaScript 添加固定位置时,粘性 div 会切换两侧

css - 在没有换行符的情况下将 div 环绕在文本周围

css - 输入行高 chrome/opera/ie

html - 位置固定和溢出-y :scroll issue

php - 将数据推送到页面而不定期检查它?

css - 最后一个 child 到第一个 child

css - 不正确的 CSS 按钮高度计算

javascript - 更改 Highcharts 主题(部分有效)