在包装器中居中多个绝对定位的div

时间:2011-09-02 09:50:49

标签: jquery css html

我正在尝试为元素创建一个漂亮的可放置区域,使其自身与包装器的中心对齐。我已经让整个拖拽位工作,但是想知道是否有人知道解决这个中心问题。

所有的div都是320x240(网络摄像头),并且已经获得了第一个很好地居中的元素的初始css。现在我正在寻找的是当一个新的div掉落在该区域内时,现有的div移动以适应新的div,所有div尽可能保持居中。

当有两个div我想象它们可以并排,当有三个三角形,一个向上两个向下,四个看起来像2向上2向下等。

我无法想象这还没有完成,但是寻找一个jquery插件等已经证明没有用。

非常感谢任何帮助!提前致谢

1 个答案:

答案 0 :(得分:1)

如下http://jsfiddle.net/J7azG/1/

之类的内容

基本上是:

wrapper{text-align:center;}
block{display:inline-block}