html - CSS让div从各个方面精简

标签 html css

<分区>


问题必须表现出对正在解决的问题的最低限度的理解。告诉我们您尝试过的方法、为什么不起作用以及它应该 起作用。另请参阅:Stack Overflow question checklist

关闭 9 年前

我需要像图片相关的那样进行布局,困难的部分是,在这个大的居中 div 中,周围环绕着来自四面八方的另一个 div。 Masonry 插件只能制作 Angular 图章 div,但不能居中。那么,我该如何实现呢? enter image description here

最佳答案

我刚刚为 Isotope 插件编写了一种扩展,以在随机位置启用邮票。它工作得很好,但两个邮票仍然可以重叠(必须解决这个问题;))。查看此 fiddle 中的代码:http://jsfiddle.net/XS74t/

使用方法:给你的item一个.stamp类,然后添加位置作为html5数据元素:

<li class="item" data-grid-pos='{"x": 2, "y": 1}'>
    My stamped item
</li>

请注意,很多功劳必须归功于“Mikko Tikkanen,Zonear Ltd.”,因为这是他完美的 Masonry 插件的一种扩展。

玩得开心!

关于html - CSS让div从各个方面精简,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17402184/

上一篇:css - 如何创建边框阴影插图

下一篇:jquery - 单击使 div 出现并在再次单击时使其消失

相关文章:

php - PHP 中选择元素的默认值

css - 如何在 next.js 中使用带有顺风的背景图像?

jquery - 将鼠标悬停在区域上时图像映射中的错误

html - 向右浮动文本而不是图像

html - 沿着山脉放置圆圈/气泡

javascript - 当 var 长度小于 1 时更改边框颜色?

javascript - Iphone:点击/单击 "Go"按钮后虚拟键盘不会隐藏

html - 文本溢出 : ellipsis not working for dynamic placeholder (on focus)

javascript - 为链接到文本的图像模式调整 JQuery 代码

css - React Native 升级后的黄框错误/警告