javascript - 输入类型按钮以获取对象在左、中和右位置

Question

我在上一个问题中确实对这个问题有帮助，但现在我想使用 svg 而不是 css 我有以下代码http://jsfiddle.net/Len1/wzNjm/3/但形状不会向右，中间并在按下相应的按钮时离开，有人可以帮我吗

我的意思的例子

左键按下形状转到屏幕左侧

右键按下形状转到屏幕右侧

中间按钮按下形状转到屏幕中间

Answer 1

我已经用一个可行的解决方案更新了你的小提琴。一些提示：

1. 将你的 CSS 移动到一个<style>元素中，而不是内联编写它。这样可以避免拼写错误<div style="min-height:450px"; style="min-width:600px">（两个单独的样式属性和错误的逗号）。
2. 用于margin: 0 auto;居中块级元素。
3. 您的<rect>元素的宽度与其包含<svg>元素的宽度不同，因此它的行为很奇怪。

我还为主要的<div>红色着色，以便更容易看到发生了什么。