3 个不同宽度和高度的可拖动对象。单击按钮后,将它们在页面上水平和垂直对齐

3 draggable objects with different widths and heights. Align them all horizontally and vertically on the page after buttons click

我想要的是:

  1. 创建三个不同宽度和高度的可拖动对象。
  2. 创建一个按钮,在页面上将它们全部水平对齐,另一个按钮将它们垂直对齐。

我想分享的东西很少。好吧,我已经用谷歌搜索了几个小时与此任务类似的内容。到目前为止,我得到了类似的东西,只有一个,一个而且只有一个对象拖放。我没有找到多个对象的任何内容。我试图在那些现有的演示上完成这个任务。但是不能不成功。 谁能帮我?请。还有一件事,如果解决方案是在 jsFiddle 或 codePen 上提供的而不是这里的代码片段会更好。 先谢谢你了。

`http://jsfiddle.net/maniator/zVZFq`

请看。虽然它不会完全解决你的任务(你描述的方式)但部分(第一个列表点)解决了。希望它能推动您完成任务。

更新: Demo我已经帮你完成任务了。希望这能完全满足你的任务。