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

标签 jquery css html

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

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

当有两个 div 时,我想它们可以并排,当有三个时,一种三 Angular 形,一上二下,四个看起来像 2 上 2 下等。

我无法想象这还没有完成,但寻找 jquery 插件等已被证明是徒劳的。

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

最佳答案

像下面这样的东西怎么样http://jsfiddle.net/J7azG/1/

基本上是:

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

关于jquery - 在包装器中居中多个绝对定位的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7281769/

相关文章:

html - 如何设置 html 元素宽度以在浏览器窗口调整大小时调整大小?

javascript - 使用 .hide() 隐藏导航栏

jquery - 改进 jquery Accordion 并删除错误

Javascript 事件处理程序 `this` 闭包内的绑定(bind)不起作用

css - SASS:如果页面中已经存在具有相同属性的特定值的元素,则 CSS 属性的条件值

css - CSS Accordion 常见问题解答的高度问题

javascript - 如何在 webview 中加载 Activity 的 html

javascript - 他们是否有任何方法可以出于测试目的禁用粘性页眉/页脚/内容

php - Jquery 获取数组所有元素

javascript - 如何使用 jQuery 访问数据属性